HTML/CSS : Reverse responsive grid behavior in bootstrap3

标签 html css twitter-bootstrap

目前,当使用 .col-md-* 类或其任何变体(lg、sm、xs)时,网格将在各个断点处水平对齐堆叠。但是,我想让我的从堆叠到水平(见下图)。

这可能吗?

enter image description here

最佳答案

当然:

<div class='container'>
  <div class='row'>
    <div class='col-xs-6 box'>
    </div>
    <div class="clearfix visible-md"></div>
    <div class='col-xs-6 box'>
    </div>
  </div>
</div>

演示 here

关于HTML/CSS : Reverse responsive grid behavior in bootstrap3,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20588029/

相关文章:

javascript - 如何将物理添加到 CSS 动画中?

javascript - 如何让 onclick 仅在 div 上单击两次时才触发

@import url() 的 jquery 选择

javascript - 页面加载期间 IE 中没有图像的高度和宽度

css - 如何使 twitter-bootstrap 导航栏没有颜色

javascript - Twitter Bootstrap 溢出

css - 将 <p> 限制在带有 CSS 的 Angular <div> 的边界(附加 JSFiddle 链接)

javascript - 使用 ChartJS 为单个条设置背景颜色?

css - 是否有用于包含特定文本的元素的 CSS 选择器?

html - 用于 3 列设计的 Bootstrap 独立滚动