如何使用Bootstrap在列之间创建带边距的列

时间:2015-01-05 15:09:14

标签: html css3 twitter-bootstrap-3

我正在使用Bootstrap创建一个页面,我需要创建4列,在每列5px之间留出空格!

我遵循了本教程(http://andre-abt.com/2013/11/26/how-to-use-the-bootstrap-3-grid-system-with-column-margins/ )。但对我来说不能正常工作,因为如果在列内部放置一个链接来包装所有列也可以在列外单击。 (可以点击5px的保证金)。

jsfiddle.net/andresgl/2f7Lhmwd/(会议,峰会,活动)

我希望有些人可以帮助我。

谢谢!

2 个答案:

答案 0 :(得分:1)

您想要实现的目标的过于复杂的示例,但是如果您想保留它,则添加

.item-menu {    
    position:relative;
}

http://jsfiddle.net/2f7Lhmwd/2/

答案 1 :(得分:0)

a{ margin:0;padding:0; }

这将删除锚标记中的所有填充和边距。