css - Bootstrap 3 中的流体容器

标签 css twitter-bootstrap less twitter-bootstrap-3

如何在 bootstrap 3 中制作流体容器?

在 bootstrap 2.3.2 .container-fluid 类中。但是现在在 bootstrap 3 中它丢失了,只有 .container 类。请帮我。

最佳答案

Bootstrap 3.0 转向“移动优先”方法。 .container 实际上只在您需要/想要四四方方的布局的情况下才存在。但是,如果您完全免除 div.container-fluid,默认情况下您将拥有一个流畅的布局。

例如,要有一个两列的流体布局,只需使用:

<body>
  <header>...</header>
  <div style="padding:0 15px;"><!-- offset row negative padding -->
    <div class="row">
      <div class="col-md-6">50%</div>
      <div class="col-md-6">50%</div>
    </div>
  </div>
  <footer>...</footer>
</body>

关于css - Bootstrap 3 中的流体容器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19789954/

相关文章:

html - 侧边栏背景图片未显示?

css - 在 LESS CSS 中动态定义一个变量

javascript - 使用更少的缓存破坏静态图像

html - dataTables - 固定列,是否可以将滚动条移到外面?它还在我想修复的表中创建了一个缺口

html - 将背景图像放入 CSS 六边形中?

html - 为单个页面覆盖主题的 CSS

html - 通过 css 的同级悬停不起作用 - 为什么?

javascript - react 和 Bootstrap : component not rendering

javascript - LESS 在线发布网站后动态样式表语言不起作用

html - 是否可以在 Outlook 2007+ 电子邮件中制作流畅的两列布局