Question

我还在学习Twitter Bootstrap，但我有一个奇怪的问题。我之前使用过960gs而且从未遇到过这样的问题。所以，我希望将三个.span3元素放入.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/

Answer 1

添加一个div类“row-fluid”而不是“row”......

Answer 2

应该是错的

<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>

演示：Fiddle

由于您使用span12作为父级，我建议您删除row并将其替换为dropdown-menu行

Answer 3

我解决了。有点多代码，但只使用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>

无法将三个span4元素放入span12容器中

3 个答案: