我有 2Columns
我需要第一个是fixed
,第二个有一个很长的列表并且需要是可滚动的。
<div class="row">
<div class="col-md-9"></div>
<div class="col-md-3"></div>
</div>
有Col-md-9
很长的清单,并且Col-md-3
需要fixed
。我已经尝试了一段时间来让这个工作,但事情一直在打破。
当我尝试position:fixed
它时 col-md-3 会自动向左浮动。我试图给所有东西宽度,甚至从 Bootstrap 中删除了网格系统,但我无法让它工作。
我可以像这样硬编码:
<div class="col-md-9" style="float: left;width: 100%;margin-right: 243px">
和
<div class="col-md-3" style="float: right;width: 243px;position: fixed;margin-left: 728px">
但这会像地狱一样破坏响应能力......
编辑
因此,感谢指出Affix Js的@Edu Lomeli 。作为引导文档:
The subnavigation on the right is a live demo of the affix plugin.
这就是我正在寻找的确切行为。问题是我不完全理解它。如果有人以前使用过它或有知识,请随时回答。