ブートストラップ：レイアウト変更

Question

私はthis oneのようなスクロールに反応するサイトを持っています。

サイドバーは、メインセクションのコンテンツの下にあります。そのため、左/右のバーのコンテンツは、一番下までスクロールする必要があります。

しかし、ページのサイズを変更すると、サイドバーがそれぞれの場所に表示されるため、左/右にスクロールすると内容が表示されます。

デスクトップ上の2番目の方法でサイトを動作させる方法はありますか？

<div class="container"> 
    <h1>Hello World!</h1> 
    <p>Resize the browser window to see the effect.</p> 
    <div class="row row-no-padding"> 
    <div class="col-md-4" style="background-color:lavender;">.col-md-4</div> 
    <div class="col-md-4" style="background-color:lavenderblush;">.col-md-4</div> 
    <div class="col-md-4" style="background-color:lavender;">.col-md-4</div> 
    </div> 
</div> 

fiddle

Answer 1

のdivクラス

<div class="col-xs-4 col-md-4" style="background-color:lavender;">.col-sm-4</div>