【问题标题】:min width with BS3BS3 最小宽度
【发布时间】:2015-05-25 16:31:57
【问题描述】:

我有一个网站,它使用 BS3 响应式设计来调整设备大小。由于站点中使用了一些组件,BS 面板在较小的屏幕上重叠。为了促进这些组件的最佳观看体验,我需要使网站以最小宽度显示。水平滚动是可以的。

我尝试设置 body、div 等的最小宽度。但似乎没有一个能覆盖 BS 的响应能力。

有没有办法通过最少的 css 更改而不改变站点中每个 BS3 类的使用来实现这一点。

【问题讨论】:

    标签: html css twitter-bootstrap-3 width


    【解决方案1】:

    以下食谱可能会完成这项工作:

    1. 确保您的引导 html 由 <div class="container"> 包装。

    2. 在css中设置min-width,比如:

      .container { 最小宽度:800px; }

    3. 为避免在较低分辨率下折叠列,请将 html 中的所有 col-**-nn 类替换为 col-xs-nn。例如,将<div class="col-md-3"> 替换为<div class="col-xs-3">

    example

    【讨论】:

      猜你喜欢
      • 2013-05-14
      • 2011-10-18
      • 2012-11-13
      • 2012-05-08
      • 1970-01-01
      • 1970-01-01
      • 2012-03-17
      • 1970-01-01
      • 2023-03-10
      相关资源
      最近更新 更多