Html 将引导col-md-2 div固定到顶部

Html 将引导col-md-2 div固定到顶部,html,css,twitter-bootstrap,twitter-bootstrap-3,Html,Css,Twitter Bootstrap,Twitter Bootstrap 3,我试图让我的Bootstrap3.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

我试图让我的Bootstrap3.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不支持这一点,这对我来说也是很有价值的信息。

你可以在右栏的内容上使用词缀

  <div class="col-md-10>main content</div>
  <div class="col-md-2">
        <div class="affix">..</div>
  </div>
下面是一个您可能会发现有用的引导示例:

您可以在右栏中的内容上使用词缀

  <div class="col-md-10>main content</div>
  <div class="col-md-2">
        <div class="affix">..</div>
  </div>
下面是一个您可能会发现有用的引导示例:

可以通过使用affix类来实现这一点

动画 可以通过使用affix类来实现这一点

动画