javascript - Bootstrap : change layout

Question

我有一个网站，它对滚动的 react 类似于 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>