Question

我道歉但我是初学者，我无法弄清楚如何在导航栏中定位我的徽标并使所有内容都正确排列。

我无法弄清楚如何让我的徽标从this转到this one

谢谢你的帮助

<div class="navbar navbar-default navbar-static-top">
    <div class="container">
        <a class="brand" href="easychip.html">
            <img src="images/images/chipfixx.png">
        </a>
        <a href="/" id="logo">

        </a>

        <button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>

        <div class="collapse navbar-collapse navHeaderCollapse">

            <ul class="nav navbar-nav navbar-right">
                <li class="active"><a href="easychip.html">Home</a>
                </li>
                <li><a href="easychip-howitworks.html">How it Works</a>
                </li>
                <li><a href="easychip-orderpage.html">Order Now</a>
                </li>
                <li><a href="easychip-about.html">About Us</a>
                </li>
                <li class="dropdown">
                    <ul class="dropdown-menu">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Social Media <b class = "caret"></b></a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Twitter</a>
                            </li>
                            <li><a href="#">Facebook</a>
                            </li>
                            <li><a href="#">Google+</a>
                            </li </div>
                        </ul>

                    </ul>

        </div>

    </div>
</div>

Answer 1

尝试更改此内容：

<a class="brand" href="easychip.html">
    <img src="images/images/chipfixx.png">
</a>

对此：

<a class="navbar-brand" href="easychip.html">
    <img src="images/images/chipfixx.png">
</a>

我查看了自己的bootstrap网站的源代码，我很确定它应该有效。

我无法弄清楚如何定位我的徽标和导航栏

1 个答案: