如何獲得我的引導網格沒有填充？

-1

www.cosmic.chillcastle.com

我想消除填充在一起。

我一直在使用CSS，但似乎沒有這樣做。而且，在移動設備中，它看起來很好，但垂直堆疊很奇怪。

我試圖用CSS來單獨更正每個元素，使其沒有填充。

這裏是我使用的網格代碼。

<div class="col-1-3"> 
<div class="module"> 

<img class="img-responsive" src="cosmicveggie-banner2_02.jpg" width:"100%" >   
</div> 
</div> 
</div> 

<div class="col-1-3"> 
<div class="module"> 

<img class="img-responsive" src="cosmicveggie-banner2_03.jpg" width:"100%" >   
</div> 
</div>

來源

2017-04-25 My Brain Hurts

請張貼相關的代碼，而不是一個外部鏈接的。外部網站似乎沒有使用Bootstrap網格，而是引用dog2.css中的css類 – ZimSystem

嘿@zimsystem添加了我正在使用的引導代碼。這有幫助嗎？ –

沒有太多的col-1-3和模塊不是Bootstrap類，所以它似乎沒有任何關係「沒有填充我的引導網格」 – ZimSystem

-1

就像ZimSystem提到的col-1-3和module不是Bootstrap類。 Bootstrap網格排列成行和列，這些行和列需要在容器內部。所以你的整體結構需要看起來像這樣：

<div class="container"> 
    <div class="row"> 
    <div class="col"> 
     <img class="img-responsive" src="cosmicveggie-banner1.jpg" width:"100%" > 
    </div> 
    <div class="col"> 
     <img class="img-responsive" src="cosmicveggie-banner2.jpg" width:"100%" > 
    </div> 
    <div class="col"> 
     <img class="img-responsive" src="cosmicveggie-banner3.jpg" width:"100%" > 
    </div> 
    </div> 
</div>

結算這個explanation in the documentation。

來源

2017-04-25 22:06:02 dunnj515

@ dunnj515，@zimsystem謝謝，我結束了報廢整個佈局和這樣做：

<div class="row"> 

<div class="col-sm-4" > 
<img class="img-responsive" src="cosmicveggie-banner2_01.jpg" width:"100%" > 
</div> 

<div class="col-sm-4" > <img class="img-responsive" src="cosmicveggie-banner2_02.jpg" width:"100%" ></div> 
<div class="col-sm-4"> <img class="img-responsive" src="cosmicveggie-banner2_03.jpg" width:"100%" ></div>

來源

2017-04-26 00:24:46

如何獲得我的引導網格沒有填充？

回答

相關問題