0

このページの下部にあるナビゲーション (「前へ」と「次へ」のリンク) が、#bloglist のポスト ティーザーよりも幅が長い理由がわかりません。私は箱から出してTwitterのブートストラップを使用しており、彼らが提供する足場を使用しています。

http://www.b-lew.me/page/3/

ご意見やご提案をいただければ幸いです。

4

2 に答える 2

1

いくつかのマークアップの不整合があります：

  • 各行には（クラスは必要ありません）が.row含まれている必要があります.span12.margin-left
  • ほとんどすべてがフローティングであり、float: left要素は右側のコンテナを埋めません
  • clear: bothは必要ありません。コンテナのクラスを使用するだけ.clearfixですが、通常は必要ありません。

これが私が試したマークアップです：

<div class="container">
    <div class="row">
        <div class="span12">
            <div class="well bloglist clearfix">
                <!-- etc -->
            </div>
        </div>
    </div>
</div>

そしてcssのために

.bloglist左に浮いてはいけません。

別のデザインからのマークアップがたくさん残っているようです。適切なブートストラップアーキテクチャに固執しないと、グラフィックのバグがさらに増えることになります。

于 2012-08-07T20:19:47.897 に答える
0

</div><!-- /span12 -->ただし、によって証明されるように、全体のサイズが span12 になることを期待しているようです。このクラスは開始ブロックのどこにも宣言されておらず、ブログリストの項目は span4 と span7 であるため、全体のサイズは span11 になります。ブログリスト アイテムを編集して、ページャーと一致しているように見える span4/8 にしました。予想されるサイズになるように、開始マークアップを修正します

于 2012-08-07T20:10:45.847 に答える