Twitter的引导填充问题

我想不通，为什么我在这个页面（“上一页”和“下一个”链接）的底部导航比我#bloglist后传情是上述宽度明智更长。我使用开箱即用的twitter bootstrap，并使用他们提供的脚手架。Twitter的引导填充问题

http://www.b-lew.me/page/3/

任何想法或建议，将不胜感激！

来源

2012-08-07 bryanlewis

一个问题是，你有多个div同一ID，但显然是一个ID应该是唯一的 – PriestVallon 2012-08-07 19:52:32

好吧，我经历了，修好了，很好的建议。谢谢！ – bryanlewis 2012-08-07 19:53:44

有一些标记不一致：

您的每一个行应包含.span12（你不会需要你.margin-left类.row ）
几乎一切都是轻飘飘的，float: left元素不会填补他们的集装箱在其右侧
clear: both不需要，只需使用.clearfix类的容器，但你通常不会需要它

这里是我试过的标记：

<div class="container"> 
    <div class="row"> 
     <div class="span12"> 
      <div class="well bloglist clearfix"> 
       <!-- etc --> 
      </div> 
     </div> 
    </div> 
</div>

而对于CSS

.bloglist不应悬空离开。

它似乎有来自另一设计残留大量的标记，恕我直言，你将有更大量的图形错误，如果你不坚持正确的引导结构。这可能无关，与你的问题

来源

2012-08-07 20:19:47 Sherbrow

感谢@sherbrow的帮助！事情现在看起来好多了！我真的很感激你花时间帮我解决这个问题！它的接缝好像当我有4的跨度，然后8我的span8列出于某种原因跳下来。 – bryanlewis 2012-08-07 20:28:25

@ b-lew这是由于填充物和边界造成的。这里是流体或调整的例子：[jsfiddle]（http://jsfiddle.net/Sherbrow/DCXya/）。我强烈建议第一个使用''区域的'.row-fluid'，然后跨越。 – Sherbrow 2012-08-07 21:04:42

看来你期望被span12整体规模，通过</div>但是证明！您没有在任何位置的开头块中声明此类，并且您的博客列表项是span4和span7，因此整体大小将是span11。我编辑了一个博客文章项目为span4/8，这似乎与传呼机保持一致。我会revist你的开始标记，以得到它的预期大小

来源

2012-08-07 20:10:45 DVG

另外，我从来没有试图回答一个网站上的问题，每当我重新加载它:) – DVG 2012-08-07 20:12:29

对不起，我试图解决我的问题。谢谢参观。我现在正在处理标记。 – bryanlewis 2012-08-07 20:18:40

Twitter的引导填充问题

回答

相关问题