无法使引导网格正确对齐

Question

我正在使用Bootstrap作为我网站的框架，我无法正确排列网格。我不能让它与右边缘对齐（除非我增加了阴沟 - 这打破了整个页面）尽管我的跨度加起来。我真的不确定我出错了所以我希望有人能指出我正确的方向。

下图说明了这一点。我试图让帖子在左边对齐，并且空间足以填充容器宽度。我已经尝试增加排水沟（打破页面上的其他跨度并将第三个帖子放到新线上）。

每个'post'都在span4宽度为30px的span4 div内（我认为这是默认值）。我确信这是微不足道的，但我现在已经盯着这个问题几天了。每篇文章的代码是：

<div class="span4">
  <div class="postcontainer">
    <div class="imgpostcontainer"> 
        <a href="<?php the_permalink(); ?>">
        <?php $url = the_post_thumbnail('medium'); ?>
        <img src="<?php echo $url ?>">
        </a>
    </div>
    <?php get_template_part('templates/content', get_post_format()); ?>
</div>

适用于跨度的CSS是：

float: left;
margin-left: 30px;
min-height: 1px;

这可以在这里看到：

http://192.241.203.146/

Answer 1

第一; margin-left：30px不是默认值。默认值为20px，但如果包含响应，则如果客户端屏幕宽度大于1200px，则会将margin属性调整为30px。

第二; bootstraps行每个包含12个跨度。当我检查你的代码时，你在一行中包含超过12个跨度。

关于你的问题;在用容器打开div之后，直接使用span类而不初始化一行。所有跨度必须在行类中。否则它将无法对齐，因为一行以左边的-20 / 30px边距开始，而一个跨度中和该边距。