responsive design - how to add a nav spacer in bootstrap -
i creating nav menu using twitter bootstrap.
in design there spacers between menus. if add border-right looks ok! when viewing in phone or smaller viewport want border-right become border-bottom in collapsed menu.
how can achieve using boostrap?
bigger viewport:
smaller viewport:
the divider-horizontal
, divider-vertical
classes used create separation/spacers between menus.
you can either use these or customise these classes requirements. see examples usage @ - http://twitter.github.io/bootstrap/components.html#navs.
note: requires additional markup, li
element required class.
Comments
Post a Comment