ブートストラップのデータ固定/位置固定のcolと他のコラムの重複

Question

私のブートストラップのウェブサイトに問題があります。それははるかですので、私はサイドバーを一番左に浮いている理由の周り私の頭をラップしようとしているとCOL-3であるが、より大きなコンテナとされている

<div class="container"> 
    <div class="row"> 
     <div class="col-md-9" style="text-align:left;padding-top: 2%"> 
     Some content 
     </div> 
     <div class="col-md-3" style="position:fixed"> 
     Scrolling Sidebar 
     </div> 
    </div> 
</div> 

：私は私のサイトのセットアップとても似てい私の画面では大きくなります。誰もこれの前に何かを見たことがありますか？

Answer 1

重複しているconentがあるのは、何かの位置を決めると固定されていることです。ページフローから取り除き、残りの内容はその場所に移動します。固定されているときは、明示的に幅を設定する必要があります。以下では、固定位置のスタイリングを設定するために "is-fixed"クラスを使用しています。

<div class="container"> 
      <div class="row"> 
      <div class="col-md-9" style="text-align:left;padding-top: 2%"> 
      Some content 
      </div> 
      <div class="col-md-3 is-fixed"> 
      Scrolling Sidebar 
      </div> 
      </div> 
</div> 

//css style for element that is fixed 
.is-fixed { 
    position:fixed; 
    top:0; 
    right:0; 
    width:200px; // or whatever 
}