引導4 - 列網格不工作響應

-1

我想實現引導4列。但是這不起作用響應div彼此重疊。引導4 - 列網格不工作響應

如何得到實現這一響應

這是我試過，但它不響應工作

<div class="container"> 
<div class="row"> 
<div class="col-md-12"> 
<div class="col-md-3 height"></div> 
<div class="col-md-3 height"></div> 
<div class="col-md-3 height"></div> 
<div class="col-md-3 height"></div> 
</div> 
</div> 
</div>

這是我的CSS

.height{ 

height:350px; 
}

來源

2016-04-23 null void

請說清楚你的問題 - 你是什麼意思，它沒有響應。你是什麼意思它重疊？此外TWBS4是在阿爾法 - 一切都是WIP（工作進行中），所以行爲可能會改變。看到這個[JSFiddle]（https://jsfiddle.net/vinorodrigues/xddyzfsf/） – Vino

-1

您可以添加所有列divs「col-sm-6」和「col-xs-12」，如果你想工作完全重新考慮。

來源

2016-04-23 10:12:12

嘗試使用此代碼

<div class="row"> 
<div class="container"> 

<div class="col-md-3 col-sm-3 col-xs-6"> 
<div class=" height"> 

</div> 
</div> 
<div class="col-md-3 col-sm-3 col-xs-6"> 
    <div class=" height"> 

    </div> 
    </div> 
    <div class="col-md-3 col-sm-3 col-xs-6"> 
    <div class=" height"> 

    </div> 
    </div> 
    <div class="col-md-3 col-sm-3 col-xs-6"> 
    <div class=" height"> 

    </div> 
    </div> 
    </div> 
    </div> 
    </div>

col-md是min-width: 992px不到992px寬度則需要使用col-sm類min-width: 768px不到768px瀏覽器的寬度，你需要使用col-xs類。所以如果你想讓它響應，請嘗試使用這些類。

和CSS： .height{width:100%;height:350px;background: #000;}

來源

2016-04-23 10:22:59

bootstrap 4不使用col-xs。它只是'col- *'，例如'col-6' – TheRealMrCrowley

-2

<div class="container"> 
<div class="row"> 
<div class="col-xs-12"> 
<div class="col-xs-3 height"></div> 
<div class="col-xs-3 height"></div> 
<div class="col-xs-3 height"></div> 
<div class="col-xs-3 height"></div> 
</div> 
</div> 
</div>

這應該工作。我試過了js bin

來源

2016-10-13 20:37:03

bootstrap 4不使用col-xs。它只是'col-3' – TheRealMrCrowley

引導4 - 列網格不工作響應

回答

相關問題