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

How to create columns with margins between the columns using Bootstrap

我正在用 Bootstrap 创建一个页面,我需要制作 4 列,在每列 5px 之间留下一个 space!

我遵循了本教程(http://andre-abt.com/2013/11/26/how-to-use-the-bootstrap-3-grid-system-with-column-margins/ ).但对我来说效果不佳,因为如果在列内放置一个 link 来包装所有列,也可以在列外单击。 (可以点击 5px 的边距)。

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

希望有人能帮助我。

谢谢!

a{ margin:0;padding:0; }

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

您想要实现的目标过于复杂的示例,但如果您想保持原样,请添加

.item-menu {    
    position:relative;
}

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