Pin bootstrap col-md-2 div到顶部

Question

我正在尝试让我的bootstrap 3.0布局将右列的内容固定到顶部，从而在主要内容滚动时保持原位。我已经得到了以下代码，当我重新调整浏览器大小时，代码会爆炸。有没有办法做到这一点？

    <div class="col-md-10>main content</div>
    <div class="col-md-2 container" style="padding: 15px 0px 10px 23px; position: fixed; right: 20px; top:75px">
        Right column, stuck to the top
    </div>

我不是（工程师学习这些技术）一个bootstrap或CSS的人，所以如果bootstrap不支持这个 - 这对我来说也是有价值的信息。

Answer 1

您可以对右栏内的内容使用affix ..

  <div class="col-md-10>main content</div>
  <div class="col-md-2">
        <div class="affix">..</div>
  </div>

以下是您可能觉得有用的Bootply示例：http://bootply.com/104413

Answer 2

Demo

您可以使用affix课程来完成此操作。

<div class="well col-span-4" data-spy="affix">
    <div class="btn btn-large btn-danger col-span-12">This is fixed</div>
</div>

动画