如何刪除Bootstrap中間隔或兩個間距之間沒有空間？

好了，所以如果你這樣做：如何刪除Bootstrap中間隔或兩個間距之間沒有空間？

<div class="row-fluid"> 
    <div class="span6"></div><!--span6 END--> 
    <div class="span6"></div><!--span6 END--> 


    </div><!--row END-->

畫面，隨着每次2個紅框既考慮屏幕的50％..但我這樣做的span6有餘量我們彼此上面行之間它...我如何製作，以便在跨度之間或跨度之間沒有空白。我希望它們能夠在上方和側面接觸。

來源

2013-05-12 Lucas Santos

什麼添加'保證金：0像素;'到你的樣式表？ – Mateusz 2013-05-12 11:02:09

nope iv嘗試添加.span6 {margin：0;填充：0;邊框：0;}在我的風格，仍然是一樣的。 – 2013-05-12 11:06:28

正如你可能不希望覆蓋所有.span6元素，我建議如下：

<div class="row-fluid"> 
    <div class="span6" style="margin: 0px; background-color: red; width: 50%;">foo</div><!--span6 END--> 
    <div class="span6" style="margin: 0px; background-color: blue; width: 50%;">bar</div><!--span6 END--> 
</div><!--row END-->

JSFiddle

編輯：

由於.row-fluid使用width: 100%和.row-fluid .span6使用width: 48.93617021276595%;，您還需要更改這些div的寬度。看到更新的代碼和小提琴。

來源

2013-05-12 11:08:14 Mateusz

它可以工作，但在兩個跨度觸碰後，兩個跨度觸碰的右側會有一個餘量。（所以即使兩個跨度都在觸摸，屏幕右側仍有餘量） – 2013-05-12 11:16:14

已更新帖子。希望能幫助到你。 – Mateusz 2013-05-12 11:28:57

我會建議不使用網格跨度，如果你不需要網格跨度而不是重寫。如果你幾乎壓倒一個班級的每一個屬性，那麼最好只使用一個新班級。

.half { 
    margin: 0; 
    background-color: red; 
    width: 50%; 
    float:left; 
} 

<div class="row-fluid"> 
    <div class="span12"> 
    <div class="half">First</div> 
    <div class="half">Second</div> 
    </div> 
</div>

http://jsfiddle.net/cGCHa/4/

來源

2013-05-13 15:17:32 meobyte

你有一個點 – 2013-05-13 22:42:02

如何刪除Bootstrap中間隔或兩個間距之間沒有空間？

回答

相關問題