How Do I Add Bootstrap 4 to WordPress?

Bootstrap 4 is a popular front-end framework for developing responsive, mobile-friendly websites. It is available as a free and open source project on GitHub.

To add Bootstrap 4 to your WordPress website, follow these steps:

1. Download and install the Bootstrap 4 plugin.

2. Activate the plugin.

3. Click on the “Settings” link in the plugin’s main menu.

4. In the “Bootstrap 4 Settings” page, under the “Plugins” heading, click on the “Install Bootstrap 4” button.

5. Click on the “Activate” button to activate the Bootstrap 4 plugin.

6. Click on the “Default” theme in the WordPress theme options to activate the Bootstrap 4 theme.

7. Click on the “Layout” tab in the Bootstrap 4 Settings page.

8. In the “Theme Options” section, under the “General” heading, set the “Bootstrap 4” preference to “Yes”.

9. Click on the “Advanced” tab in the Bootstrap 4 Settings page.

10. In the “Theme Options” section, under the “CSS” heading, set the “Bootstrap 4” preference to “Yes”.

11. Click on the “Fonts” tab in the Bootstrap 4 Settings page.

12. In the “Theme Options” section, under the “Fonts” heading, set the “Bootstrap 4” preference to “Yes”.

13. Click on the “Collapse” tab in the Bootstrap 4 Settings page.

14.

15. Click on the “Header” tab in the Bootstrap 4 Settings page.

16. In the “Theme Options” section, under the “Header” heading, set the “Bootstrap 4” preference to “Yes”.

17. Click on the “Footer” tab in the Bootstrap 4 Settings page.

18. In the “Theme Options” section, under the “Footer” heading, set the “Bootstrap 4” preference to “Yes”.

19. Click on the “Home” tab in the Bootstrap 4 Settings page.

20. In the “Theme Options” section, under the “Home” heading, set the “Bootstrap 4” preference to “Yes”.

21. Click on the “About” tab in the Bootstrap 4 Settings page.

22.

23. Click on the “Media” tab in the Bootstrap 4 Settings page.

24. In the “Theme Options” section, under the “Media” heading, set the “Bootstrap 4” preference to “Yes”.

25. Click on the “Popovers” tab in the Bootstrap 4 Settings page.

26. In the “Theme Options” section, under the “Popovers” heading, set the “Bootstrap 4” preference to “Yes”.

27. Click on the “Tooltip” tab in the Bootstrap 4 Settings page.

28. In the “Theme Options” section, under the “Tooltip” heading, set the “Bootstrap 4” preference to “Yes”.

29. Click on the “Accessibility” tab in the Bootstrap 4 Settings page.

30. In the “Theme Options” section, under the “Accessibility” heading, set the “Bootstrap 4” preference to “Yes”.

31. Click on the “Footer Navigation” tab in the Bootstrap 4 Settings page.

32. In the “Theme Options” section, under the “Footer Navigation” heading, set the “Bootstrap 4” preference to “Yes”.

33. Click on the “Footer Navigation Dropdown” tab in the Bootstrap 4 Settings page.