2016-09-20 87 views
1

如何使用bootstarp和float实现以下布局。目前我正在使用float left和clear:没有,但是一些div没有移动。并且有一个空间被遗漏了。这样的div和高度的数量是动态的。2使用float和bootstrap的列布局

enter image description here

+0

你可以发布你创建的代码? –

回答

-1

这里有一个如何使用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>