Html 将引导col-md-2 div固定到顶部
我试图让我的Bootstrap3.0布局将右栏的内容固定到顶部,从而在主内容滚动时保持原位。我得到了下面的代码,当我重新调整浏览器的大小时,它会爆炸。有办法做到这一点吗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
<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类来实现这一点
动画