锁定列并保持响应

Question

Lets说我有2栏的页面：

包含许多结果的精简列。点击每个结果将显示在另一个更大的列上。

看起来像在这里：

https://www.glassdoor.com/Job/intel-jobs-SRCH_KE0,5_IP2.htm

<section class="col-md-4">
   results
</section>

<section class="col-md-8">
   content
</section>

如何锁定其中一个列并仍保持网站响应？

在示例中，右列始终位于顶部。即使你向下滚动。

我正在使用bootstrap。

Answer 1

这是因为你只是指示bootstrap在md中显示第4列和第8列。 尝试使用xs来获得所需的输出。

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

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