How to use Bootstrap Shortcodes for Grid

How to use Bootstrap Shortcodes for Grid

This article will tell you how to achieve a grid effect as shown above using the best web practices with Bootstrap shortcodes.

1. Select Toolbar Toggle in the WordPress Visual editor, This will make the Bootstrap Shortcodes bar visible.

2. On the Bootstrap Shortcodes bar, on the far bottom left select 2 columns from the grid button for the display we want

How to use bootstrap shortcodes

3. Change the column size from col-xs-6 to col-md-6. This will allow for the view to be on top of each other on mobile rather than really small side by side.

4. Delete the word text and place your content between the shortcodes as shown below.