3

レスポンシブナビゲーションバーを実装しようとしています。動作しているように見えますが、画面が小さくなると右側に隙間ができます。スクリーンショットを参照してください：

ここに画像の説明を入力

私はCSSを書いていません。これはすべて純粋な Bootstrap です。

更新 1: jsFiddle

http://jsfiddle.net/BaR3q/ - JSFiddle でもやっています。つまり、私が何か間違ったことをした (可能性が高い) か、Twitter が台無しになった (可能性は低い) かのどちらかです。what to do?

4

3 に答える 3

1

ビューポートを埋めるために要素を展開する必要があることを指定するマークアップはありません。追加すると処理されるか、必要に応じて bebody { width: 100%}の幅をオーバーライドします。 navbarauto

Twitter Bootstrap は、すぐに使えるソリューションではなく、スキャフォールディングおよびコンポーネントであることを意図しているため、これはおそらく指定する必要があるものの 1 つです。navbarのstaticバージョンは、 以外のコンテナーで簡単に使用できるように記述されている可能性が高くbody、ナッジが必要な状況の 20% に該当します。

于 2012-10-22T11:12:09.753 に答える
0

いくつかの潜在的な理由が思い浮かびますが、他の人が指摘しているように、コードを見ずに言うのは難しいです。ただし、このようなものに十分なコードを提供することなく、十分なコードを共有することがいかに難しいかを理解していることを付け加えておきます。したがって、ここにいくつかの質問があります（この特定の問題については.container-fluid、以前に提案されたように使用しないでください。それはおそらくうまくいかないでしょう。うまくいくと、問題が悪化する可能性があります）

  • レスポンシブスタイルを変更しましたか？もしそうなら、あなたは幅、パディング、またはマージンを変更しました.containerか?
  • .navbarレスポンシブ スタイルのどこかに幅またはマージンを適用しましたか? これは私には考えられる原因のようです。
  • についてはどうですか<body>、それにパディングを設定しましたか？
于 2012-10-22T02:11:30.417 に答える
0

次のメタ タグのいずれかを (いずれか) 追加することで、この問題を解決しました。

<meta name="viewport" content="initial-scale=1">

<meta name="viewport" content="user-scalable = no">
于 2014-02-06T00:43:54.710 に答える