Bootstrap：3列無邊距

我正在嘗試使用Bootstrap創建一個如下所示的佈局。

正如你所看到的元素都在裏面，但我想沒有利潤建立此單頁。

（我的意思是右邊的圖片，沒有保證金）

HTML：

<div class="container"> 
    <div class="row"> 
    <div class="col-md-3 sinistra"> 
     <h4><br><br><br>Uferstrasse 90, 4057 Basel</h4> 
    </div> 
    <div class="col-md-3 centrale"> 
     <img class="img-responsive" src="img/logo.png" /> 
    </div> 
    <div class="col-md-6 no-float destra"> 
     <img class="" src="img/simona.jpg" /> 
    </div> 
    </div> 
    <!-- /.row --> 
</div> 
<!-- /.container -->

我該如何解決呢？

來源

2015-10-08 Antonioz

而不是class =「container」add class =「container-fluid」 –

Bootstrap在「.row」中的第一個和最後一個內部DIV的左右兩邊使用負邊距，每個「.col- * '。「無邊距」是什麼意思？你確定你沒有「沒有填充」的意思嗎？請提供一個帶有實例的jsFiddle，以便我們直接嘗試 –

給保證金0至div容器..完成

來源

2015-10-08 09:05:47

@snaren是對的+1 –

謝謝各位;） – Antonioz

Colums像COL-MD-3有填充右和左填充.. ovveride此填充和u會得到你想要的東西..

看看這段代碼。

.col-md-3 {padding-right:0;padding-left:0;}

來源

2015-10-08 09:01:24

而是用於包裝的div「容器」類使用「容器流體」類的。

來源

2015-10-08 09:13:43 snaren

Bootstrap：3列無邊距

回答

相關問題