在Bootstrap中使用词缀时如何维护网格系统

时间:2014-04-01 12:20:22

标签: twitter-bootstrap grid width sticky affix

我正在使用Bootstrap 3并在响应式网站上粘贴,但是当我向上滚动时,左边的固定文本列会松开其宽度并扩展到屏幕的整个宽度。

我想我错过了什么?

在这里演示:http://www.jhurleydesign.com/simplyconfectionery/weddings.html

1 个答案:

答案 0 :(得分:2)

affix组件使用position:fixed,因此它会从页面流中删除附加元素。这就是Bootstrap docs(http://getbootstrap.com/javascript/#affix)声明的原因..

  

"您必须提供CSS来定位您的内容"

这是一个可能有用的工作示例:

http://www.bootply.com/100983

您会看到它为.affix-top.affix类提供了CSS。