html - CSS 布局问题(twitter bootstrap)

Question

我正在使用css styles from Twitter Bootstrap但我似乎无法将我的“span16”div 与我的面包屑容器对齐。面包屑容器的大小正是我需要的。我已附上屏幕截图来显示该问题。

这是我的 HTML:

<div class="container">
    <ul class="breadcrumb" style="margin-top: 10px;">
        <li><a href="search.php">Search</a>&raquo;</li>
        <li class="active">Basic</li>
    </ul>

    <div class="row">
        <div class="span16 well">
            <form id="form_id" action="<?php echo $_SERVER['PHP_SELF'];?>" method="get">
                <div class="row">
                    <div class="span-one-third">
                        Span 1/3
                    </div>
                    <div class="span-one-third">
                        Span 2/3
                    </div>
                    <div class="span-one-third">
                        Span 3/3
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

您可以查看完整页面here

知道问题是什么吗？

Answer 1

span16 比容器宽。面包屑受到容器宽度的限制。增加容器的大小将使面包屑能够匹配。