2016-09-20 74 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>