Bootstrap Navbar将一些链接对齐（不可折叠）

Question

我想将导航栏右侧的联系信息对齐，但我不希望它在手机分辨率上崩溃。

如果可以在手机中心重新调整，那将是完美的。

目前，它看起来像这样：

<div class="navbar navbar navbar-fixed-top" style="background-color: #fff">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="sr-only">Toggle Navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
        </div>
        <div class="collapse navbar-collapse ">
            <ul class="nav navbar-nav navbar-left">
                <li class="active"><a href="">Pagrindinis</a>
                    <li><a href="">Galerija</a>
            </ul>
        </div>
        <ul class="nav navbar-nav navbar-right">
            <li><a href="mailto:someone@yoursite.com">vytas.velick@gmail.com</a></li>
            <li><a href="tel:525251624">52521624</a></li>
            <li><a href="#contact">FACEBOOK</a></li>
        </ul>
    </div>
</div>