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:

bigger viewport

smaller 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

Popular posts from this blog

php - Passing multiple values in a url using checkbox -

compilation - PHP install fails on Ubuntu 14 (make: *** [sapi/cli/php] Error 1) PHP 5.6.20 -

sql - Postgresql tables exists, but getting "relation does not exist" when querying -