在不使用引導

在我的頁面模板WP通過引導：http://biz166.inmotionhosting.com/~cappie5/affiches/在不使用引導

我使用的是引導。

代碼爲3張照片：

<div class="container"> 
    <div class="row clearfix"> 
     <div class="col-md-4 column"><a href="http://biz166.inmotionhosting.com/~cappie5/wp-content/uploads/2015/01/Maurin-quina.jpg" class="group1 cboxElement"><img class=" wp-image-759 size-full aligncenter" src="http://biz166.inmotionhosting.com/~cappie5/wp-content/uploads/2015/01/Maurin-quina.jpg" alt="Maurin quina" width="249" height="338"></a></div> 
     <div class="col-md-4 column"><a href="http://biz166.inmotionhosting.com/~cappie5/wp-content/uploads/2015/01/Thermogene.jpg" class="group1 cboxElement"><img class=" wp-image-760 size-full aligncenter" src="http://biz166.inmotionhosting.com/~cappie5/wp-content/uploads/2015/01/Thermogene.jpg" alt="Thermogene" width="251" height="338"></a></div> 
     <div class="col-md-4 column"><a href="http://biz166.inmotionhosting.com/~cappie5/wp-content/uploads/2015/01/Klaus.jpg" class="group1 cboxElement"><img class=" wp-image-761 aligncenter" src="http://biz166.inmotionhosting.com/~cappie5/wp-content/uploads/2015/01/Klaus-217x300.jpg" alt="Chocolat Klaus" width="244" height="338"></a></div> 
</div>

的問題是內容在右側帶有溢出，你可以用鏈接查看。

當調試與鉻的CSS，我已經看到：

介質（最小寬度：1200像素） .container { 寬度：1170px; }

我明白的事情是模板有一個固定的寬度，內容是用bootstrap開發的。在這種情況下我能做什麼？

來源

2015-01-14 Juliatzin del Toro

將您的.container更改爲.container-fluid。

.container s根據您所在的引導程序斷點設置爲固定寬度。 .container-fluid s設置爲父元素寬度的100％。

HTML：

<div class="container-fluid"> 
    <div class="row clearfix"> 
    ... 
    </div> 
</div>

來源

2015-01-14 22:28:29 Marcelo

我所做的是在boostrap.min.css刪除CSS規則

@media (min-width:768px){.container{width:750px}} 
@media (min-width:992px){.container{width:970px}} 
@media (min-width:1200px){.container{width:1170px}

不是很優雅，但它的工作... 我將檢查馬塞洛的今晚的版本，它可能是一個更好的方式來做到這一點。

編輯：馬塞洛的解決方案工作，更優雅。

來源

2015-01-14 22:37:46

在不使用引導

回答

相關問題