twitter bootstrap縮略圖方向切換視口

我使用twitter引導，並在頁面底部有3個縮略圖，但隨着視口縮小到768px以下，它們將從水平排列變爲垂直排列。我怎樣才能阻止呢？twitter bootstrap縮略圖方向切換視口

這是我使用的HTML。

<div class="container"> 
<div class="row-fluid"> 
    <ul class="thumbnails noMargin offset5 bottomPage"> 
     <li> 
      <a href="#" class="thumbnail"><img src="http://placehold.it/45x45"></a> 
     </li> 
     <li> 
      <a href="#" class="thumbnail"><img src="http://placehold.it/45x45"></a> 
     </li> 
     <li> 
      <a href="#" class="thumbnail"><img src="http://placehold.it/45x45"></a> 
     </li> 
</ul> 
</div> 
</div>

這是自定義的CSS我加

<style> 
.noMargin > li { 
    margin-bottom: 0; 
    margin-left: 0; 
} 
body { 
    padding-top: 65px; 
} 
.bottomPage{ 
    position: fixed; 
    bottom: 5px; 
} 
    </style>

一個JS箱顯示的問題。 http://jsbin.com/opezov/1/edit

來源

2013-04-24 zmanc

bootstrap-responsive.css line no 835 float：none;造成問題

.thumbnails > li { 
    float: none; 
    margin-left: 0; 
    }

來源

2013-04-24 16:05:49

我覆蓋了這一行，並能夠解決這個問題。感謝您找到它！ – zmanc 2013-06-23 12:32:12

刪除

<link href="http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css" rel="stylesheet" type="text/css" />

解決這個問題，如果你不你的網頁上需要的響應。

否則請參閱Bootstap文檔以防止響應行爲發生（如果可能，不確定）。

來源

2013-04-24 16:02:08 Chewie

twitter bootstrap縮略圖方向切換視口

回答

相關問題