2015-01-21 89 views
1

我想打好这个页面在这里: http://marcmurray.net/Napier_Test/index.htmlBootstrap Grid已经抵消了第二排?

出更多的东西是这样的: http://i.imgur.com/R9asucJ.png

我已经尝试了一些不同的方法,但似乎无法得到它。在网格项之间添加边距可以进一步推动它们,并且我宁愿不必轻推整行以消除偏移量,因为我认为这会是一种修复某些问题的方法,我很可能做错了。 任何想法?

Bootply这里(减去的JQuery): http://www.bootply.com/OzQAQwr9N1

回答

2

刚上HTML和CSS一点格式:

  1. 删除多余的COL-LG-12格是行和.item之间div
  2. 更改.item div以便它是col-sm-4的子版本
  3. 从.item中删除不必要的样式。

也许会将margin-top添加到.item以获得较小的间距。

像这样:http://www.bootply.com/MKWJEnW3ZD

+0

不必要的风格是从尝试的div塞进的地方,开始增加了一些可笑的东西!完美的工作,感谢一百万! – ladanta 2015-01-21 12:25:28

+0

没问题,很高兴帮助:) – mMoovs 2015-01-21 12:30:17