2015-01-21 26 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