佈局問題與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（微博引導）

回答

相關問題