Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/mercurial/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html Can';t使引导网格正确对齐_Html_Css_Twitter Bootstrap - Fatal编程技术网

Html Can';t使引导网格正确对齐

Html Can';t使引导网格正确对齐,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我使用Bootstrap作为我站点的框架,但我在正确排列网格时遇到了问题。我无法使它与右边缘对齐(除非我增加边沟-这会打断整个页面),尽管我的跨距加起来了。我真的不确定我是否错了,所以我希望这里的人能给我指出正确的方向 下图很好地说明了这一点。我试图让柱子在左边对齐,并留出足够的空间来填充容器的宽度。我试过增加边沟(这会打断页面上的其他跨距,并将第三篇文章放到新行上) 每个“post”都位于一个span4 div内,槽宽为30px(我认为这是默认设置)。我相信这是微不足道的,但我已经关注这个问题

我使用Bootstrap作为我站点的框架,但我在正确排列网格时遇到了问题。我无法使它与右边缘对齐(除非我增加边沟-这会打断整个页面),尽管我的跨距加起来了。我真的不确定我是否错了,所以我希望这里的人能给我指出正确的方向

下图很好地说明了这一点。我试图让柱子在左边对齐,并留出足够的空间来填充容器的宽度。我试过增加边沟(这会打断页面上的其他跨距,并将第三篇文章放到新行上)

每个“post”都位于一个span4 div内,槽宽为30px(我认为这是默认设置)。我相信这是微不足道的,但我已经关注这个问题好几天了。每个职位的代码为:

<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>

这可以在这里看到:

http://192.241.203.146/

第一,;左边距:30px不是默认值。默认值为20px,但如果包括responsive,则如果客户端屏幕宽度大于1200px,它会将边距属性调整为30px

第二;引导行总共由12个跨距组成。当我检查代码时,您在一行中包含了超过12个跨距


关于你的问题;在使用容器打开一个div之后,您直接使用了span类,而没有初始化行。所有跨距必须位于row类内。否则,它将无法进行对齐,因为一行在左侧以-20/30px边距开始,而跨距会抵消该边距。

您的类
包装
及其边距似乎有问题。取下它,然后穿上,但我没有看得更深。给了你一个线索。嗨,谢谢你的帮助。我已经修复了不使用行的问题,这是我在尝试修复时犯的一个错误。我现在每行有3个span 4,但它们仍然没有到达行div的边缘。这就好像排水沟不够宽-但我不能改变这一点,或者它移动所有东西,因为span排水沟是全局的。真的不知道我做了什么:(
http://192.241.203.146/