Bootstrap: change layout

Question

У меня есть сайт, который реагирует на прокрутку, похожую на this one.

Боковые панели попадают под содержание основного раздела, поэтому для просмотра содержимого левой/правой панели вам нужно прокрутить до самого нижнего.

Но на this site при изменении размера страницы боковые панели по-прежнему находятся в соответствующих местах, поэтому вы можете прокручивать их влево/вправо, чтобы просмотреть их содержимое.

Есть ли способ заставить сайт вести себя по-другому, когда на настольных компьютерах?

<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

Попробуйте добавить col-xs-4 к Div классов

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