按钮之间的Bootstrap中心菜单间距

Question

如何删除此菜单中按钮之间的空格？

这是我的代码：http://www.bootply.com/JUhVgyhThQ

我用过

margin:0px;
padding:0px;

到

.menu_container 
.menu_container a

但按钮之间仍有间距。

Answer 1

这是由于div是内联块。请参阅此答案（或整个问题）以了解如何解决它：

https://stackoverflow.com/a/8262649/609907

它基本上是内联块之间的“字”间距。因此，如果您将其设置为负1或将父菜单容器上的字体大小更改为0并在div本身上恢复正常，这也将解决问题。

就个人而言，我会在font-size: 0和.mnenu_container font-size: 14px上设置.menu_container div