Question

此处的关联页面：http://marcmurray.net/test_sites/cans/#

基本上我已经在我的导航栏中添加了一个svg图像到导航栏品牌类中，但是它已经将我的所有导航都推到了自身之外，任何人都可以看到它我做错了什么？

<nav class="navbar navbar-inverse navbar-static-top" role="navigation">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                <span class="sr-only">Toggle navigation</span>
            </button>
        <a href="#" class="navbar-brand pull-left"><img src="img/logo.svg"></a>
        <!-- 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="index.php" class="activepage">Home</a></li>
                <li><a href="why.php">Why Us?</a></li>
                <li><a href="process.php">Process</a></li>
                <li><a href="news.php">News</a></li>
                <li><a href="#contact">Contact</a></li>
            </ul>
        </div>
    </div>
</nav>

Answer 1

<img src="img/logo.svg"></a></div>

你有一个缺失的div闭包

Answer 2

您在logo：

之后遗漏了navbar-header关闭</div>

<div class="navbar-header">
    ...
    <a href="#" class="navbar-brand pull-left"><img src="img/logo.svg"></a>
</div> - add this

Answer 3

三个已打开的div但两个已关闭的div。检查一下！

Bootstrap导航徽标将导航向下推

3 个答案: