Twitter的引導僅查找設備上的「SM」

Question

我有下面的代碼奇怪： http://jsfiddle.net/W7CLF/

上xs設備，它看起來不錯，它分裂到兩行，然後在>sm它看起來不錯好。留在一條線..

但我不明白爲什麼它看起來很奇怪sm。

正如你可以看到我用 hidden-sm hidden-md hidden-lg上xs 到不同的設備上顯示不同的佈局和 hidden-xs 上顯示device != xs

另一個佈局也許我做錯了？

Answer 1

您應該爲每個網格添加結果草圖。到目前爲止，我瞭解你的代碼。看來你將有：

XS-網：

med | 600kr 
------------ 
home | 60 

和SM-，MD，LG格：

Med  | Home | 60 | 600 

那麼試試這個：

<div class="container"> 
    <div class="row activityItem"> 
    <div class="col-xs-6 col-sm-6"><p class="activityText">Medicinsk fotvård</p></div> 
    <div class="col-xs-6 col-sm-2 col-sm-push-4"><p class="activityText activityTextRight">600 kr</p></div> 
    <div class="col-xs-6 col-sm-2 col-sm-pull-2"><p class="activityText activityTextRight"><i class="fa fa-home">Home</i></p></div> 
    <div class="col-xs-6 col-sm-2 col-sm-pull-2"><p class="activityText activityTextRight">60 minuter</p></div> 
</div> 
</div> 

筆記： 在你使用的代碼中：col-md-6 hidden-xs你定義了什麼這裏的sm-grid。這個div將在sm網格上獲得100％的寬度。請嘗試col-sm-6 hidden-xs您還可以使用僅在xs網格中可見的col-md-6 hidden-sm hidden-md hidden-lg。您的col-md-6對此網格沒有影響。