8

次の例があります：http：//jsfiddle.net/Q5dXc/show/

4番目のサムネイルの後のくぼみをどのように治すことができるか考えていますか？

ソースは次のとおりです：http：//jsfiddle.net/Q5dXc/

「その他の例」の見出しの下にあるドキュメントを見ると、2行の例が表示されていますが、機能させることができません。

何か案は？前もって感謝します。

4

4 に答える 4

7

私は同じ問題を見つけましたが、エレガントな解決策は見つかりませんでした。私はこの小さなハックを使用しています:

.thumbnails .span4:nth-child(3n+1),
.thumbnails .span4:first-child + li + li + li,
.thumbnails .span4:first-child + li + li + li + li + li + li {
    margin-left: 0;
}

の長いシリーズはliIE の方法であり、行ごとに 1 つ追加する必要があることに注意してください。

于 2012-08-31T12:16:06.443 に答える
3

デモではあまり説明されていませんが、<div class="row-fluid">前後に使用すると、次のサムネイル行のために別の行を作成する必要があります。そうでないサムネイルをたくさん作成したい場合はfluid、通常の<div>または<p>. これは、修正できるように、Bootstrap に対する問題として提起する必要があります。

于 2012-08-31T12:14:59.917 に答える
1

The documentation for thumbnails doesn't allude to responsive design but a predefined row with .span* children:

...the thumbnails component uses existing grid system classes - like .span2 or .span3 - for control of thumbnail dimensions.

To have chldren of .span2,.span3,.span4 or .span6 the following patch works with modern browsers and Twitter Bootstrap 2.3.2:

.row-fluid .thumbnails .span2:nth-child(6n+1), 
    .row-fluid .thumbnails .span3:nth-child(4n+1), 
    .row-fluid .thumbnails .span4:nth-child(3n+1), 
    .row-fluid .thumbnails .span6:nth-child(2n+1) {
        margin-left: 0;
}
于 2013-06-06T17:30:38.000 に答える
0

これは、公式のブートストラップ github で報告された問題です。そのため、他の解決策を探している人は、github.com の twitter ブートストラップを確認することをお勧めします。

現時点では問題は解決されていませんが、さまざまなユーザーがコメント スレッドで 10 以上の異なる解決策を提出しています。

于 2013-05-28T14:45:43.430 に答える