2

Twitter ブートストラップを使用して 1 つのプロジェクトを開始していますが、1 つの問題が発生しました。横に長い空のスクロールバーがあります。問題が見つからないのですが、何が問題なのか知っている人はいますか?

ありがとう

4

3 に答える 3

11 
<style>
body {
  overflow-x: hidden !important;
}
body > * {
  max-width: 100% !important;
}
</style>
于 2013-01-25T02:41:39.777 に答える
2 
media="all"
style.css:1@media (min-width: 1200px)

.container, 
.navbar-static-top .container, 
.navbar-fixed-top .container, 
.navbar-fixed-bottom .container {
    width: 1270px;
}

への変更

.container, 
.navbar-static-top .container,
.navbar-fixed-top .container, 
.navbar-fixed-bottom .container {
    width:auto;
}

または、container下部のマップでクラスを削除します。containerこれはコンテンツをラップするために使用され、他のクラスにラップしないでくださいcontainer。また、コンテナは全幅になります。

内の任意の場所に配置し.containerます。これにより、サイトとコンテンツの幅が設定されます。

'ブートストラップドキュメント'

テンプレートをチェックしてください

于 2013-01-25T02:41:37.090 に答える
1

お役に立てれば ！！

1）レスポンシブ機能を有効にするには、ヘッダーに以下を追加します

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

2）コンテナ液を使用している場合

次のようなものを適切に使用しrow-fluidますspan。

<div class="container-fluid">
<div class="row-fluid">
    <div class="span2">
        <!--Sidebar content-->
    </div>
    <div class="span10">
        <!--Body content-->
    </div>
</div>

ここでタグエラーが発生する可能性があります。

3）ボディに隠されたoverflow-xを追加するのを忘れました。

body {
    overflow-x: hidden;
}

リンク

于 2013-01-25T05:31:16.227 に答える