避免在自舉跨度中設置自動保證金div

我的HTML代碼

<div class="container"> 
    <div class="row-fluid"> 
     <div class="span4 well">span4</div> 
     <div id="h" class="span8 well ">span8</div> 
    </div> 
    <div id='calendar' ></div> 
</div>

它給span4並在一排桌面span8列。在小型設備上，它將span4置於頂部，並在其下方顯示span8。但是，當屏幕調整大小時，我想要在頂部有span8，在下面有span4。

的解決方案，我試過

<div class="container"> 
    <div class="row-fluid"> 
     <div id="h" class="span8 well pull-right">span8</div> 
     <div class="span4 well ">span4</div> 
    </div> 
    <div id='calendar' ></div> 
</div>

它的工作原理，但它給出了大屏幕下面的佈局。 span4最初留下一些空白，我想避免。

我該怎麼做？

來源

2013-04-29 user2314342

這是沒用的目前，當[Bootstrap 3]（https://github.com/twitter/bootstrap/pull/6342）被釋放時，它將有'.push *'和'.pull *'類到c改變列的順序。從鏈接：'添加.push *和.pull *修飾符類，以便於列源排序。' – Bojangles 2013-04-29 11:33:13

@Bojangles，我試圖找到.push *和.pull *修飾符類，以便在http：// acmetech .github.io/todc-bootstrap-3/assets/css/todc-bootstrap.css。但是，我不明白。我在哪裏可以找到它？ – user2314342 2013-04-29 12:31:12

它將在Bootstrap ** 3 **中發佈。它目前在2.x行中不可用 – Bojangles 2013-04-29 13:44:33

嘗試增加這種風格：

#x{ 
    margin-left: 0px; 
}

和更新您的html：

<div class="container"> 
    <div class="row-fluid"> 
     <div id="h" class="span8 well pull-right">span8</div> 
     <div id="x" class="span4 well">span4</div> 
    </div> 
    <div id='calendar' ></div> 
</div>

的ID就是勝過了引導CSS的這一部分：

[class*="span"] { 
    float: left; 
    min-height: 1px; 
    margin-left: 20px; 
}

來源

2013-04-30 21:17:57 bridgepickup

避免在自舉跨度中設置自動保證金div

回答

相關問題