Question

我认为最好的是我提供的网站链接是：www.youthlife.de

我正在尝试将小品牌徽标放置在靠近导航栏的位置，而不会改变导航栏本身的位置。

如果我在品牌上留下一个保证金，那么导航栏也会移动。我不明白为什么。什么调节品牌和导航栏之间的距离？

Answer 1

我不知道你的徽标的高度和宽度是多少。这是我尝试过的。

<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-target=
"#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span>
 <span class="icon-bar"></span>
 <span class="icon-bar"></span>
 <span class="icon-bar"></span>

            </button> <a class="navbar-brand" href="#"><img src=""/>
 Start Bootstrap</a>

        </div>
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-
collapse-1">
            <ul class="nav navbar-nav">
                <li> <a href="#">About</a>

                </li>
                <li> <a href="#">Services</a>

                </li>
                <li> <a href="#">Contact</a>

                </li>
            </ul>
        </div>
    </div>
</nav>

这是CSS：

.navbar-brand img {
    width:90px;
    height:25px;
    display:inline-block;
    margin-top:-3px;
}

您可以查看演示 HERE 。

现在，如果不是您想要的，请进一步告诉我。提示：请提供一些代码来查看它出了什么问题。

在导航栏旁边定位Bootstrap品牌

1 个答案: