2016-12-20 123 views

回答

0

列數必須是每一行class.also圖像使用IMG響應類12。 http://www.w3schools.com/bootstrap/bootstrap_grid_system.asp

請檢查該codepan codepen.io/payalpatel2299/pen/dOaLgd

+0

的事情是,如何做到這一點,因爲lg,md,sm的數量是不同的,並且需要與lg在同一行內? –

+0

請再次檢查代碼。我已經添加了clearfix div。您也可以使用偏移量http://codepen.io/payalpatel2299/pen/dOaLgd – Payal2299

+0

引導行可以連續超過12列。這就是所謂的列包裝。 – ZimSystem

0

每個class="row"間段的總和應該是12.請注意下面的代碼...

<div class="row"> 
    <div class="col-md-1">.col-md-1</div> 
    <div class="col-md-1">.col-md-1</div> 
    <div class="col-md-1">.col-md-1</div> 
    <div class="col-md-1">.col-md-1</div> 
    <div class="col-md-1">.col-md-1</div> 
    <div class="col-md-1">.col-md-1</div> 
    <div class="col-md-1">.col-md-1</div> 
    <div class="col-md-1">.col-md-1</div> 
    <div class="col-md-1">.col-md-1</div> 
    <div class="col-md-1">.col-md-1</div> 
    <div class="col-md-1">.col-md-1</div> 
    <div class="col-md-1">.col-md-1</div> 
</div> 
<div class="row"> 
    <div class="col-md-8">.col-md-8</div> 
    <div class="col-md-4">.col-md-4</div> 
</div> 
<div class="row"> 
    <div class="col-md-4">.col-md-4</div> 
    <div class="col-md-4">.col-md-4</div> 
    <div class="col-md-4">.col-md-4</div> 
</div> 
<div class="row"> 
    <div class="col-md-6">.col-md-6</div> 
    <div class="col-md-6">.col-md-6</div> 
</div> 
+0

我知道我知道......但是當我需要放入lg,md和sm大小?例如6個col-lg-2和3個col-md-4?他們不適合在同一行... –

+0

爲'sm'開發。擺脫'md'和'lg',並用'sm'在所有分辨率下嘗試你的代碼。 – Gilbert

相關問題