css - Bootstrap 地铁瓷砖

标签 css twitter-bootstrap twitter-bootstrap-3

我想创建这样的布局:

enter image description here

我想使用响应式布局,上面的方 block 必须是 metro tile。我应该使用哪个类来执行此操作,我不是 Bootrstrap 的专家,有人可以帮我举个粗鲁的例子吗?谢谢

最佳答案

你可能想用这个...

<div class="container">
  <div class="row">
    <div class="col-md-6">Half</div>
    <div class="col-md-6">Half</div>
  </div>
  <div class="row">
    <div class="col-md-12">Full</div>
  </div>
  <div class="row">
    <div class="col-md-6">Half</div>
    <div class="col-md-6">Half</div>
  </div>
</div>

关于css - Bootstrap 地铁瓷砖,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34900561/

相关文章:

javascript - 如何调用bootstrap colorpicker的 'changeColor'方法?

html - 在 Bootstrap 列表中垂直居中文本

css - Bootstrap + 移动菜单覆盖

css - Bootstrap MaxCDN 不工作?

jquery - 悬停对井内表格的影响

responsive-design - 为什么 bootstrap 的 'container' 类不是全角的?

html - Bootstrap : two column centered

html - html5视频标签的css对齐和定位

javascript - 如何使用 JS/jQuery 将 HTML 元素的 ID 设置为等于其内部文本?

javascript - 如何根据屏幕宽度调用函数?