Bootstrap Row Builder

This helpful little plugin comes in handy for those using a bootstrap 2/3 based frontend template.
It makes building bootstrap grids (rows/columns) much faster - you can create some predefined grids with just one click, which is a massive time-saver if you need to build up bootstrap rows often.

Currently, these grids can be created:

  • Full row (12)
  • Split rows (6/6)
  • 2/3 to 1/3 split row (8-4)
  • 1/3 to 2/3 split row (4-8)
  • Three-section line (4-4-4)
  • Four-sction line (3-3-3-3)

Additionally, this plugin is compatible with Bootstrap 2 or 3 . Depending on your template, you can switch this setting accordingly.
Go to to Plugins, edit the settings for the Bootstrap row Builder Plugin and set the Bootstrap version you are using.

In the editor, you will see a new button labelled 'Insert Bootstrap Grid' - click it, and a popup lightbox will open in which you can select which bootstrap row to enter.
Click insert to insert the respective HTML code into your article.

If you are using a rich text editor, such as e.g. tinyMCE or JCE , you will only see placeholder text for the respective columns - in the HTML code view, you can see that the row/column construct was inserted correctly.
Now delete the placeholder text, and insert our own text instead.

After saving your article, view it in the frontend. Depending on the grid you selected, you will see the respective split row.

2024-02-25