fluid layout - Bootstrap affix nav wraps on small screen -



fluid layout - Bootstrap affix nav wraps on small screen -

i have affixed nav in bootstrap works great, until view on iphone. wide vertical orientation. nav "nowrap" , "overflow-x: scroll". utilizing of

bootstrap's fluid layout bootstrap responsive features 'affix'ed navigation

i thought had white-space:nowrap; overflow-x:scroll; part of nav, not work.

working great on wider media:

not great on narrow media, trying horizontal scroll on nav (not whole page):

here's fiddle. resize result pane until narrow (like vertical orientation iphone screen): http://jsfiddle.net/dirkraft/hqjfb/2/

well issue having can resolved using media queries iphone resolution next : js fiddle illustration http://jsfiddle.net/shail/hqjfb/6/

@media (max-width: 480px) { .row-fluid:after, .row-fluid:before { margin-bottom:10px; } .navbar .nav { margin: 0px; } .navbar .nav > li > { padding:10px 8px; } }

twitter-bootstrap fluid-layout

Comments

Popular posts from this blog

web services - java.lang.NoClassDefFoundError: Could not initialize class net.sf.cglib.proxy.Enhancer -

Accessing MATLAB's unicode strings from C -

javascript - mongodb won't find my schema method in nested container -