0

次の行が原因で、Bootstrap の問題に直面しています。

<div class="navbar navbar-inverse navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container">
            <a class="brand" href="/"></a>
        </div>
    </div>
</div>

<div id="main_top">
    <div class="container">
        <div class="row">
            <div class="span12">
                            ...

main_top には背景画像があります。次のコードが原因でブラウザのサイズを変更すると、問題が発生します。

@media (max-width: 979px)
.navbar-fixed-top {
margin-bottom: 20px;
}

基本的に、ブラウザの幅が979未満の場合、20pxのマージンのために白い線が表示されます.

修正するのを手伝ってくれませんか？ここにもサンプルを作成しました: http://jsfiddle.net/TxRgF/

4

2 に答える 2

1

ワーキングデモ

これはどうですか：

@media (max-width: 979px){
    body{
      padding-left:0 !important;
      padding-right: 0 !important;
    }

   .navbar-fixed-top {
      margin-bottom: 0px !important;
   } 

}
于 2012-12-16T14:35:11.953 に答える
0

その幅では、ボディには左右のパディングがあります。このクラスを CSS の最後に追加します。

@media (max-width: 767px){
  body {
   padding-left:0 !important;
   padding-right: 0 !important;
 }
}

http://jsfiddle.net/simply_simpy/ryjMT/2/

補正するには、他の要素にパディングを追加する必要があります。</p>

于 2012-12-15T14:09:47.410 に答える