3項彼此相鄰，但在移動3行

-2

<div class="col-md-12"> 
    <i class="icon_set_1_icon-29"></i>Private/Group&nbsp; 
    <i class="icon_set_1_icon-83"></i>8 hours&nbsp; 
    <i class="icon_set_1_icon-52"></i>Morning Half Day 
</div>

顯示有了這個，我無法在移動獲得3個不同的行。

我嘗試引導

<div class="col-md-12"> 
    <div class="col-sm-4"><i class="icon_set_1_icon-29"></i>Private/Group</div> 
    <div class="col-sm-4"><i class="icon_set_1_icon-83"></i>8 hours</div> 
    <div class="col-sm-4"><i class="icon_set_1_icon-52"></i>Morning Half Day</div> 
</div>

的山坳系統和移動的結果是正確的，但在普通視圖是不喜歡我想要的。引導山坳系統

結果是這樣的

我想有正常的瀏覽器和移動這一觀點這種觀點

我怎麼能做到這一點與引導？

來源

2016-03-07 JosePinheiro

請使用行和閱讀文檔> HTTP：// getbootstrap .com/css /＃grid-example-mixed – Lemnis

我曾嘗試過在不工作之前 – JosePinheiro

也許這只是我，但我看到除了事實之外，您的前兩張圖片沒有區別你的截圖不一樣。你能解釋一下你不想要的方式嗎？ – mmgross

您需要添加的CSS清除列在桌面斷點

少：

@screen-md:     992px; 
@screen-md-min:    @screen-md; 

@media (min-width: @screen-md-min) { 
    .col-md-clear{ 
     width: auto; 
    } 
}

HTML：

<div class="row"> 
    <div class="col-md-4 col-md-clear"><i class="icon_set_1_icon-29"></i>Private/Group</div> 
    <div class="col-sm-4 col-md-clear"><i class="icon_set_1_icon-83"></i>8 hours</div> 
    <div class="col-sm-4 col-md-clear"><i class="icon_set_1_icon-52"></i>Morning Half Day</div> 
</div>

來源

2016-03-07 14:23:29 Lemnis

3項彼此相鄰，但在移動3行

回答

相關問題