ここで説明されているように、リストに基づいたかなり単純な列アプローチがあります:ページ幅に合わせてサイズを変更する HTML グリッドを作成する方法は?
私のローカル マシンでは問題なく動作しますが、ネットワーク共有経由でファイルを表示すると、すべてが 1 つの大きな列に表示されます。すべての CSS は HTML ファイルにあり、外部スクリプトはまったくありません。どちらの場合も IE9 を使用していますが、なぜ動作が異なるのでしょうか?
質問する
75 次
1 に答える
0
リンクの例と対応する JSFiddle を見た後、受け入れられた回答はリンクされたスタイルシート リソースを使用します: bootstrap-combined.min.css。ここからアクセスできます: http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.0/css/bootstrap-combined.min.css
ネットワークのどこかで、ファイルにアクセスしたときに、ユーザー/IIS/その他のエージェントがブートストラップ ファイルにアクセスする権限を持っていないか、FTP パブリッシュに含まれていなかったと思います。
<ul>私がこれまでに使用したことのあるものはすべて<li>、デフォルトで clear:both に設定されています。を設定する<ul class="inline">と、すべての子要素がインライン要素になり、デフォルトで左にフロートします。これは (明らかに) twitter ブートストラップで定義されています。つまり、私にとっては voo-doo css です。
<li>のクラス スタイルを に設定してみてくださいfloat:left;。それはあなたに望ましい結果を与えるでしょう。
JSFiddle: http://jsfiddle.net/ywVWD/1/
于 2013-03-01T20:45:41.173 に答える