Twitter中的邊距引導程序

我有一個關於Bootstrap中的網格系統的問題。我似乎工作得很好，但「箱子」之間沒有空白。例如，如果我有這個：Twitter中的邊距引導程序

<div class="column"> 

    <div class="span11"> 

    </div> 

    <div class="span11"> 

    </div> 

</div>

這很好。但是在那之間沒有空間。那麼，我是否可以通過CSS代碼分配一個「id」並自己編輯？這是做到這一點的正確方法嗎？例如：

<div class="column"> 

    <div id="box_1" class="span11"> 

    </div> 

    <div id="box_2" class="span11"> 

    </div> 

</div>

還有一件事，至於邊框，顏色，我也一樣嗎？

感謝

來源

2012-06-07 Test Test

首先出現在Twitter的引導沒有.COLUMN但.row

如果你想左/右頁邊距使用與偏移1

一個span10如果你想頂部/底部邊緣創造一個新的.row並應用類.show-grid

對於邊框和顏色，使用泛型的類和特定的ids。

您可以的jsfiddle創建樣機這樣http://jsfiddle.net/baptme/EHutn/

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<link href="css/bootstrap.css" type="text/css" rel="stylesheet"> 
<style> 
.show-grid { 
margin-bottom: 20px; 
margin-top: 10px; 
} 
.show-grid [class*="span"] { 
background-color: #EEEEEE; 
border-radius: 3px 3px 3px 3px; 
line-height: 30px; 
min-height: 30px; 
text-align: center; 
} 
</style> 
</head> 
<body> 
<div class="container"> 
<div class="row show-grid"> 
<div class="span10 offset1"> 
<p>bla bla bla</p> 
</div> 
</div> 
<div class="row show-grid"> 
<div class="span10 offset1"> 
<p>bla bla bla</p> 
</div> 
</div> 
</div> 
</body> 
</html>

來源

2012-06-07 15:00:07 baptme

Twitter中的邊距引導程序

回答

相關問題