【问题标题】:How to keep minimum layout width to 1024 pixels while using Bootstrap 3?使用 Bootstrap 3 时如何将最小布局宽度保持为 1024 像素?
【发布时间】:2013-10-25 13:19:27
【问题描述】:

我使用 Bootstrap 3 创建了一个网站设计。但我没有使用 .container 块,因为布局需要是 100% 宽度。但是当我们重新调整浏览器的大小时,它应该只将布局宽度调整为 1024 像素。即使在移动屏幕上,宽度也需要为 1024 像素。我该怎么做?

【问题讨论】:

    标签: html css twitter-bootstrap twitter-bootstrap-3


    【解决方案1】:

    使用min-width CSS 属性并将其设置为 1024 像素。这将确保您的网站始终至少为 1024 像素宽。

    【讨论】:

    • 谢谢凯特,我已经尝试过应用我拥有的页面包装器。它确实保持 1024 像素,但内部元素(主要是列)在 Bootstrap 3 版本上是严格响应的,所以当我们缩小屏幕时它们会进入下一行
    • OK 搞定了,我只需要对 col-xs 做 col-md,所以它不会进入下一行 :)
    【解决方案2】:

    如果您使用 rowspan 类,那么它将是响应式的。这就是引导程序所做的。如果您不希望它像那样,那么我建议您不要使用引导程序。除非我误会你了。

    【讨论】:

      【解决方案3】:

      好的,我自己完成了,我只需要对页面的 col-xsmin-width 执行所有 col-md包装到 1024px。

      【讨论】:

        猜你喜欢
        • 2014-08-23
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2012-10-03
        • 2018-07-24
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多