2

Twitter Bootstrap を使用してレスポンシブ レイアウトを作成していますが、最初のページの読み込みで Firefox が壊れているように見えますが、しばらくするとページを更新しなくても問題なく動作するようです。

私はページを次のような基本的な例に落とし込もうとしましたが、それでもうまくいきませんでした.これが私のコードです:

<!DOCTYPE html>
<html>

<head>
    <title>Hello</title>

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/bootstrap-responsive.min.css" rel="stylesheet">


</head>

<body>

<div class="container">

<div class="row">
    <div class="span8">
        <h3>Main content</h3>
        <p>Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.</p>
        <p>Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.</p>
    </div>
    <div class="span4">
        <h4>Sidebar</h4>
        <p>Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.</p>
    </div>
</div>

</div>

</body>

</html>

アップデート：

問題は実際には私のマシンにのみあるようです。他の3台でテストしましたが、問題なく動作します。Firefox のインストールに問題があるのでしょうか? Mac、OSX 10.6.8 を使用しています。Firefox を再インストールしようとしたときに、この質問を更新します。

4

5 に答える 5

2

私もこれを経験しました。現在、Firefox17.01とMacOSX10.8.2を使用しています。

レスポンシブブートストラップサイトは正しく機能しません。画面が狭くなってもスパンは折りたたまれません。公式のBootstrapサイトでさえ正しく機能していないようです。

Firefoxの拡張機能が原因である可能性があります。どちらかはわかりませんが、同じマシンで別のユーザー、つまりFF拡張機能がインストールされていないユーザーに切り替えると、問題は解消されます。

幸運を！

于 2012-12-17T02:15:47.863 に答える
2

次のことを試してみてください。

  1. 使用している Firefox のバージョンをアップグレードします。

  2. ブラウザから Cookie を削除します。

  3. firebug と開発者用ツールバーをインストールしてページを検査すると、問題が にある可能性があります.css。いくつかのプロパティを削除して、firebug で確認してください。

于 2012-07-06T10:12:45.340 に答える
0

以下を追加する必要があります。

<div class="container">...</div>

の前に

<div class="row"></div>
于 2012-07-06T08:28:32.910 に答える
-3

インターネットのどこかで解決策を見つけました...

table {table-layout:fixed}

ブートストラップ 2 と 3 を使用して、Firefox と IE の問題を解決します。

于 2013-08-28T08:35:57.683 に答える