我在这里遇到问题;
http://roblb.devour.org/march2014/
基本上，正在发生的事情是，只要我添加任何CSS以在元素周围添加某种形式的填充，它就会将事物分解为两列，而不是主列图像的三列。
删除属性;
.project {padding-bottom:0px; padding-right:0px; padding-left:0px; margin:1px;}
使布局转到正确的三列。我知道我错过了什么，但我想我有其中一个时刻！
答案 0 :(得分：0)
我认为问题在于行中3个项目的总宽度大于主div的宽度（具有id＆＃39; posts＆＃39;）。每个项目的宽度为33.3％（来自bootstrap css类.col-md-4），所以尽量覆盖它并给你的项目一定的宽度（尝试288px，我测试它看起来不错）。希望它有所帮助：）
答案 1 :(得分：0)
尝试应用1px的填充（或边框）而不是边距。
使用引导程序box-sizing:border-box，请参阅：Why did Bootstrap 3 switch to box-sizing: border-box?。填充和边框包括宽度和边距不是，所以我希望1像素的边距会破坏你的布局。
最近我在bootstrap上应用了jQuery砌体：https://github.com/bassjobsen/jbst-masonry-theme。保存砌体的.container > .row所需的更改：
.container {padding:0;}
.container > .row {margin:0;}