1
4

3 に答える 3

1

row-fluidスパンをネストするには、新しいdivを作成する必要があります。

編集:また、スパン divにリンクが必要になる場合があります(リンクを作成すると正常に動作しますdisplay:block;) 。

ここにいくつかのjsFiddleがあります

<div class="container-fluid">    
    <div class="row-fluid">
        <div class="span8 offset2"> 
            <div class="row-fluid">    <!-- make sure to add this div-->
                <div class="span4">
                    <a href="#">
                        <h2>Box 1</h2>
                        <p>Text here</p>
                    </a>
                </div>
                ...
            </div>
        </div>
    </div>
</div>

<style type="text/css">
    a,a:link {
        display:block;
        background-color:#fff;
    }
</style>
于 2013-05-24T15:58:54.423 に答える
0

aタグのデフォルト表示は display:inline; です。

そのタグにdisplay:blockを追加しようとするだけです

a{display:block}

次に、これで試します

a > .span4 { margin: 0 1.7% };
于 2013-05-24T11:05:48.207 に答える