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 navigationi 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
Post a Comment