css - 使用 float 和 bootstrap 的 2 列布局

标签 css layout css-float

<分区>

如何使用bootstarp和float实现如下布局。目前我正在使用 float left 和 clear:none 但一些 div 没有向上移动。还有一个空间被遗漏了。此类 div 的数量和高度是动态的。

enter image description here

最佳答案

这里有一个关于如何使用 bootstrap css 获取两列的小示例。您可能应该阅读更多 here

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container">
  <div class="row">
    <div class="col-xs-6">
      <h1>1st column</h1>
      </div>
    <div class="col-xs-6">
      <h1>2nd column</h1>
      </div>
    </div>
  </div>

关于css - 使用 float 和 bootstrap 的 2 列布局,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39594471/

上一篇:html - 为什么这个转换不利用 gpu(或者利用它)?

下一篇:html - 固定元素忽略水平滚动

相关文章:

CSS:将除最后一个元素之外的所有列表元素居中

javascript - 基于 jQuery 的响应式设计——改变元素、不需要的预加载

javascript - 文本起始位置左、中和右

css - 如果某个元素存在于更高层的 DOM 中,则从该元素中移除样式

ruby-on-rails - 是否有 Ruby on Rails 布局/CSS 存档?

html - 问题让 Div 靠近另一个拥抱

jQuery Accordion 事件状态

layout - SAS 编辑器窗口位置

css - 在 Firefox 中 float 并 overflow hidden 和最小宽度

html - 带有 css/html 的基本分屏