【发布时间】:2014-05-12 05:14:47
【问题描述】:
我在响应式网站中使用 Bootstrap 3 和 affix,但是当我向上滚动左侧的固定文本列时,其宽度会变宽并扩展到屏幕的整个宽度。
我觉得我错过了什么?
在这里演示:http://www.jhurleydesign.com/simplyconfectionery/weddings.html
【问题讨论】:
标签: twitter-bootstrap grid width sticky affix
我在响应式网站中使用 Bootstrap 3 和 affix,但是当我向上滚动左侧的固定文本列时,其宽度会变宽并扩展到屏幕的整个宽度。
我觉得我错过了什么?
在这里演示:http://www.jhurleydesign.com/simplyconfectionery/weddings.html
【问题讨论】:
标签: twitter-bootstrap grid width sticky affix
affix 组件使用position:fixed,因此它会从页面流中删除附加元素。这就是 Bootstrap 文档 (http://getbootstrap.com/javascript/#affix) 状态的原因..
“你必须提供 CSS 来定位你的内容”
这是一个可能有帮助的工作示例:
您会看到它为 .affix-top 和 .affix 类提供 CSS。
【讨论】: