html - 将 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 不支持这个 - 这对我来说也是有值(value)的信息。

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