traitBs3Navbar extends FlexMenuBuilder with DispatchSnippet
Bs3Navbar Snippet Bootstrap v3.x
This snippet object transforms lift SiteMap menu items associated with specified loc
group name's into Twitter Bootsrap Nav menu items including dropdown menu items from SiteMap submenu's.
See also the TBLocInfo object in net.liftmodules.FoBo for various, simple to use, SiteMap manipulation functions (menu dividers, labels...).
If you are using the FoBoBs module separately from FoBo see the BsLocInfo object in net.liftmodules.FoBoBs
<u l class="nav">...lift SiteMap items associated with the locGroup name...</u l>
<u l class="nav pull-right">...lift SiteMap items associated with the locGroup name...</u l>
This will be expand into twitter bootstrap nav list's built from the named
Lift menu locGroup content where the second list will be pull to the right.
Example - Fluid Navbar fixed to top Invoke with something like this
<d i v class="navbar navbar-fixed-top">
<d i v class="navbar-inner">
<d i v class="container-fluid">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a> <a class="brand" href="...">Project</a>
<d i v class="navbar-collapse">
<span data-lift="FoBo.Bs3Navbar.builder?group=top"></span>
<span data-lift="FoBo.Bs3Navbar.builderPullRight?group=top2"></span>
</d i v>
</d i v>
</d i v>
</d i v>
Result: This will create a fluid bootstrap navbar fixed to top with menu entries associated with the
two LocGroup's 'top' and 'top2' where the second one is pulled to the right.
Bs3Navbar Snippet Bootstrap v3.x
This snippet object transforms lift SiteMap menu items associated with specified loc group name's into Twitter Bootsrap Nav menu items including dropdown menu items from SiteMap submenu's.
See also the TBLocInfo object in net.liftmodules.FoBo for various, simple to use, SiteMap manipulation functions (menu dividers, labels...). If you are using the FoBoBs module separately from FoBo see the BsLocInfo object in net.liftmodules.FoBoBs
Snippet Usage:
<span data-lift="FoBo.Bs3Navbar.builder?group=[LocGroup name]"></span>
and/or
<span data-lift="FoBo.Bs3Navbar.builderPullRight?group=[LocGroup name]"></span>
Snippet Params:
Result: The above will result in
This will be expand into twitter bootstrap nav list's built from the named Lift menu locGroup content where the second list will be pull to the right.
Example - Fluid Navbar fixed to top Invoke with something like this
Result: This will create a fluid bootstrap navbar fixed to top with menu entries associated with the two LocGroup's 'top' and 'top2' where the second one is pulled to the right.
v1.1