0

私は twitter ブートストラップを使用しており、ページの下部に 3 つのサムネイルがありますが、ビューポートが 768px 未満に縮小すると、水平線から垂直線に変わります。どうすればこれを止めることができますか?

これが私が使用している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

4

2 に答える 2

1

bootstrap-responsive.css 行番号 835 float:none; 問題の作成

.thumbnails > li {
    float: none;
    margin-left: 0;
    }
于 2013-04-24T16:05:49.493 に答える
0

削除する

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

ページの応答性が必要ない場合は、問題を修正してください。

それ以外の場合は、Bootstap のドキュメントを参照して、応答動作が発生しないようにしてください (可能かどうかはわかりません)。

于 2013-04-24T16:02:08.387 に答える