html - ブートストラップ 3 ナビゲーションバーのトグル折りたたみコンテンツが均等に並んでいない

Question

ナビゲーション バーのトグルで接続とサインアウトのセクションを並べるのに問題があります。ご覧のとおり、最後の 2 つは他のものと一致していません。ブートストラップ 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>

ありがとうございました