【问题标题】:Forcing responsive Bootstrap grid to not collapse in phone mode强制响应式 Bootstrap 网格在电话模式下不折叠
【发布时间】:2015-08-18 03:53:56
【问题描述】:

我正在使用 Bootstrap 构建一个网站。有时我希望网格在电话模式下折叠,但有时我不希望 - 例如,顶部菜单是一个栏,其中连续包含几个项目。我希望它们在电话模式下保持浮动,而不是相互折叠,这是“.row-fluid”网格的默认行为。

是否有一种内置的方式来实现这一点,比如所有分辨率下的非响应式网格?还是我必须自己动手?

【问题讨论】:

  • 因此,如果它们不折叠,它们将不适合视口宽度,您需要滚动,对吧?
  • 不,这是一个流动的行,所以跨度只会缩小。

标签: html css twitter-bootstrap


【解决方案1】:

我知道这是旧的,但它出现在谷歌搜索中,我找到了答案......

不希望您的列简单地堆叠在较小的设备中?通过将 .col-xs-* .col-md-* 添加到您的列来使用额外的中小型设备网格类。

从这里http://getbootstrap.com/css/#grid-example-mixed

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2016-05-28
    • 2013-01-29
    • 1970-01-01
    • 2018-09-21
    • 1970-01-01
    • 2016-08-02
    • 2013-09-01
    • 1970-01-01
    相关资源
    最近更新 更多