0

私はまだ Twitter Bootstrap を学んでいますが、奇妙な問題があります。以前は 960gs を使用していましたが、そのような問題はありませんでした。.span3したがって、3 つの要素を.span12コンテナーに収めたいと考えています。私のコードは次のとおりです。

                <ul class="dropdown-menu span12 row">
                    <li class="span4">asd</li>
                    <li class="span4">asd</li>
                    <li class="span4">asd</li>
                </ul>

.span4最後の要素が落ちる理由がわかりません。margin-left最初の要素は無効化されるか何かになると思いました。私は何を間違えましたか？

コード全体: http://jsfiddle.net/KPzBH/1/

4

3 に答える 3

1

「row」の代わりに「row-fluid」クラスの div を追加します...

于 2013-05-29T09:43:02.767 に答える
0

それは間違っているはずです

<li class="dropdown"><a data-toggle="dropdown" class="dropdown-toggle" href="#">gry <b class="caret"></b></a>
        <ul class="dropdown-menu row-fluid">
            <li class="span4">asd</li>
            <li class="span4">asd</li>
            <li class="span4">asd</li>
        </ul>
</li>

デモ：フィドル

親としてを使用しているのでspan12、それを削除して行rowに置き換えることをお勧めしますdropdown-menu

于 2013-02-23T16:17:02.640 に答える
0

そして、私はそれを解決しました。少し長いコードですが、幅の定義を追加せずに Bootstrap のクラスのみを使用してうまく動作します。

ここにあります：

<li class="dropdown"><a data-toggle="dropdown" class="dropdown-toggle" href="#">gry <b class="caret"></b></a>
                        <ul class="dropdown-menu span12">
                            <li>
                                <div class="row">
                                    <div class="span3 offset1">
                                        <ul>
                                            <li>asd</li>
                                            <li>sss</li>
                                            <li>bb</li>
                                        </ul>
                                    </div>
                                    <div class="span3">
                                        <ul>
                                            <li>asd</li>
                                            <li>sss</li>
                                            <li>bb</li>
                                        </ul>
                                    </div>
                                    <div class="span3">
                                        <ul>
                                            <li>asd</li>
                                            <li>sss</li>
                                            <li>bb</li>
                                        </ul>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </li>
于 2013-02-23T17:45:22.887 に答える