![]() Now the sum of wrapper cells is 12 but in addition you can also divide each column into 12 cells. In comparison to the fixed option, the sum of bootrstrap size numbers of module containers that are placed in one row do not give 12 wrapper cells.īut each module position can be divided in 12 containers, so the global counting will be a little bit different. Now we've got 3 modules in one row assigned to bottom template position.įor the first module we've set 3 value for Bootstrap Size parameter.įor the second module we've set 3 value for Bootstrap Size parameter.įor the third module we've set 6 value for Bootstrap Size parameter. Lets do another example for bottom module position. Then set the correct order and take a look at the result. Then edit each module and set Bootstrap Size:įor 2 modules at top-bar-1 position, set 2 for Bootstrap Size parameter for the first module and 4 for the second one.įor 2 modules at top-bar-2 position, set 3 for Bootstrap Size parameter for the first module and 3 for the second one. Navigate Extensions -> Module Manager, then choose top-bar-1 position in the filter. We have to specify the value for Bootstrap Size parameter in Advanced Options of each module. ![]() Now we have to create 2 modules at top-bar-1 position and 2 modules at top-bar-2 position. We are going to reflect the example above for top-bar-1 and top-bar-2 template positions. Now if you would like to divide any template position in more columns have to remember that the total sum of cells must be 12. Let's take our free template JM-Lifestyle as the example.Īt the left side we've got the screenshot of the site of all template layout positions.Īt the right side we've got 12 grid column graphic convertion of the template layout.Īll module containers displayed in one row must give 12 wrapper cells if you sum up all of them. There is an important difference in using bootstrap grid idea between fixed and fluid options. This way you can specify various width for any module container. The width of the particular container can include various bootstrap size. The sum of specified and used bootstrap size numbers must give 12. The wrapper container uses 12 basic cells. The global idea of dividing module position looks as follows: The width of the template layout will decrease gradually if you browse the site on smaller screens.Īll columns displayed one after another (100% vertically)īootstrap grid system allows you to place many modules at the same template position and what is more you can specify the number of columns you want to use for each module. The template width depends on the device resolution that you use to browse the site. Our Joomla 3 templates support bootstrap grid system and may use fluid or fixed width.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |