The new Master Bootstrap template for Joomla ! 3.x comes with Bootstrap 3.3.5 integrated. The simplest way to build professional sites... Your imagination and your experience are the limit!

Master Bootstrap has by default the following positions:

top
breadcrumbs
navigation
fullwidth
showcase
feature
left
right
content-top
content-bottom
bottom
footer
copy

Each position can be divided into 6 parts, except left and right and you can add navigation and you want, easily from templateDetails.xml and index.php

How works

Let's see how we shape our framework simply adding the module class .

Main Menu

From the main menu that comes by default , we must add the following class in the Main Menu module - Advanced Tab - Menu Class Suffix:

navbar-nav navbar-right

With that we have configured the dropdown menu also.

Modules at positions

if we want the Showcase position looks like this:

We must give the col-md-4 class (col-sm-4 or col-xl-4) each. The order is automatic and you can sort from the Module Manager.

That's for all positions ;

top
fullwidth
showcase
feature
bottom
footer
copy

This can also be done on content -top and content -bottom but could be a bit tight if you have activated left and right .

If you want something special, like this:

We apply the same principle , we give the following classes each:

col-md-2, col-md-5, col-md-2, col-md-3

From the administrator template, we have the option to giving a ratio to each module that accompanies the main content. 2, 3 , 4, 5. Independent position to Left and Right

New menu responsive side

from version 1.2.0, you can use this menu.

1. Create a new menu.
2. In the Advanced tab - alternative layout, choose PANEL.
3. In tab module, you write panelnav position.
4. Assign to all pages

Two styles for any modules. Add class box1 or box2.

you want new style? in advance module tab - Module Style choose Master Bootstrap MBstyle.

icon in title module? no problem, in advance module tab - Header Class add Font awesome class http://fortawesome.github.io/Font-Awesome/icons/

Example, fa fa-joomla

Enjoy!