Javascript 锁定立柱并保持灵敏

Javascript 锁定立柱并保持灵敏,javascript,jquery,twitter-bootstrap,twitter-bootstrap-3,Javascript,Jquery,Twitter Bootstrap,Twitter Bootstrap 3,假设我有一个包含两列的页面: 包含许多结果的细列。单击每个结果将在另一个更大的列上显示它 这里看起来像: 结果 内容 如何锁定其中一个专栏,同时保持网站的响应性 在本例中,右栏始终位于顶部。即使你向下滚动 我正在使用引导程序。这是因为您只指示引导程序在md中显示第4列和第8列。 尝试使用xs获得所需的输出 <div class="col-xs-4"> results </div> <div class="col-xs-8"> content

假设我有一个包含两列的页面:

包含许多结果的细列。单击每个结果将在另一个更大的列上显示它

这里看起来像:


结果
内容
如何锁定其中一个专栏,同时保持网站的响应性

在本例中,右栏始终位于顶部。即使你向下滚动


我正在使用引导程序。

这是因为您只指示引导程序在md中显示第4列和第8列。 尝试使用xs获得所需的输出

<div class="col-xs-4">
   results
</div>

<div class="col-xs-8">
   content
</div>

结果
内容

建议您学习一些响应式布局和css媒体查询教程。这个问题太宽泛了
<div class="col-xs-4">
   results
</div>

<div class="col-xs-8">
   content
</div>