布局问题与css（微博引导）

我使用css styles from Twitter Bootstrap，但我似乎无法将我的“span16”div与我的面包屑容器对齐。面包屑容器是我需要的尺寸。我附上了一张截图来展示这个问题。布局问题与css（微博引导）

enter image description here

这里是我的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

任何想法的问题是什么？

来源

2012-01-14 Paul

我猜在ul或li标签上有右侧的填充或边距，但没有看到完整的css，我们无法真正从html中知道。你能发布一个链接到整个页面吗？ – 2012-01-14 15:42:25

Ben：我修改了问题并将网址发布到页面。谢谢，保罗 – Paul 2012-01-14 16:13:11

的span16比容器更宽。面包屑受容器宽度的限制。增加容器的大小将允许面包屑匹配。

来源

2012-01-14 16:26:18

改变容器到980工作得很好。现在一切排队了。谢谢！ – Paul 2012-01-14 17:42:49

的.span16 {}具有940的静态宽度，但它也有施加19px填充所以它是940 + 2x19

来源

2012-01-14 16:16:16 Adaz

是的，就是这样。改变你的span16宽度和你的三分之一班（到286px） – 2012-01-14 16:28:27

布局问题与css（微博引导）

回答

相关问题