0

我仍在学习 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/

4

3 回答 3

1

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

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

演示：小提琴

由于您使用 aspan12作为父级，我建议您将其删除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 回答