twitter-bootstrap - Bootstrap 接辞 nav が小さな画面でラップする

Question

iPhoneで表示するまでは、うまく機能するブートストラップに固定されたナビゲーションがあります。縦方向には幅が広すぎます。「nowrap」と「overflow-x: scroll」へのナビゲーションだけをお願いします。全部活用しています

• Bootstrap の流動的なレイアウト
• ブートストラップレスポンシブ機能
• 「添付」ナビゲーション

white-space:nowrap; overflow-x:scroll;ナビの一部だけだと思っていたのですが、動かせませんでした。

より広いメディアでうまく機能します：

(ページ全体ではなく) ナビゲーションのみで水平スクロールを取得しようとすると、狭いメディアではあまり効果的ではありません。

これがフィドルです。結果ペインのサイズを非常に狭くなるまで変更します (縦向きの iPhone 画面のように): http://jsfiddle.net/dirkraft/HQJfb/2/

Answer 1

あなたが抱えている問題は、次のようなiphone解決のためのメディアクエリを使用することで解決できます：Js fiddle with your example 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 > a {
    padding:10px 8px;
}
}