0

我无法在导航栏切换上排列连接和注销部分。如您所见，最后两个与其他的不一致。我使用 bootstrap 3 站点作为参考，但我确定我有一些未正确标记的内容。

在此处输入图像描述

HTML

<nav class="navbar navbar-default" role="navigation">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="sr-only"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="#">Site</a>
                </div>

                <div class="navbar-collapse collapse">
                    <ul class="nav navbar-nav">
                        <li><a href="#">Dash</a></li>
                        <li><a href="#">Edit Profile</a></li>
                        <li><a href="#">Invite</a></li>
                        <li><a href="#">Record A Message</a></li>
                        <li>
                            <p class="navbar-text">Connections <span class="badge">0</span></p>
                        </li>
                    </ul>
                    <ul class="nav navbar-nav navbar-right">
                        <li>
                            <p class="navbar-text">Sign out as <a class="navbar-link" href="Login.aspx">User</a></p>
                        </li>
                    </ul>
                </div>
                <!-- /.navbar -->
            </nav>

谢谢

4

2 回答 2

2

我尝试了几种不同的方法，并且在不破坏“移动优先”方法的情况下找到的唯一解决方案是用左边距覆盖“navbar-text”类：15px，它也出现在@media（最小宽度： 768 像素）第 4695 行。

.navbar-text {
    margin-left: 15px;
}

我希望它有帮助；）

于 2013-10-08T23:39:39.870 回答
1

尝试删除段落标签

于 2013-10-09T16:16:59.080 回答