选项卡bootstrap 3之间需要更多空间

Question

http://codebin.org/view/992b5764（我的代码）

在我的导航栏上，我的徽标图像与其中一个标签重叠。有没有办法在徽标和标签之间留出空间。像横向休息一样？

-Thanks

Answer 1

如果我理解你的目标，我建议你摆脱position:fixed...内联的东西，并在navbar-brand div中添加一个自定义类。然后使用填充覆盖移动您的徽标img。

HTML

<a class="navbar-brand custom" href="#"><img src="//placehold.it/100x50&text=LOGO" /></a>

CSS

.custom{padding-top:0px;}

DEMO：http://www.bootply.com/Bjlkb7lDeI

Answer 2

只需执行此操作：按原样保留HTML，然后将其添加到CSS

.navbar-brand{width:200px; display:block;}

请务必加载此AFTER Bootstrap的CSS，或添加！important。当然，200px宽度应该是您的徽标的大小，它可以更小或更大

你可以see fiddle here