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

java - nested exception is org.hibernate.exception.SQLGrammarException: could not extract ResultSet Hibernate+SpringMVC -

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

asp.net mvc - breakpoint on javascript in CSHTML? -