【问题标题】:How do I maintain grid system when using affix in Bootstrap在 Bootstrap 中使用 affix 时如何维护网格系统
【发布时间】:2014-05-12 05:14:47
【问题描述】:

我在响应式网站中使用 Bootstrap 3 和 affix,但是当我向上滚动左侧的固定文本列时,其宽度会变宽并扩展到屏幕的整个宽度。

我觉得我错过了什么?

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

【问题讨论】:

    标签: twitter-bootstrap grid width sticky affix


    【解决方案1】:

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

    “你必须提供 CSS 来定位你的内容”

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

    http://www.bootply.com/100983

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

    【讨论】:

    • 谢谢 - 我已经按照你的建议做了,但现在我得到了一个判断效果,当它到达底部时,当我将浏览器的宽度减小到移动尺寸时,它会禁用粘性效果,即很好 - 但是当我再次打开浏览器时,效果仍然被禁用。有什么想法吗?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-03-06
    • 2018-09-03
    • 2014-08-10
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多