html - 使用 Bootstrap 3 编辑移动版 CSS

Question

在我的 bootstrap 3 导航栏中，使用“pull-right”bootstrap 类将左侧品牌以外的元素 float 到右侧。在移动版本中，当使用切换按钮将它们下拉时，它们仍然漂浮在右侧，看起来非常难看。我该如何更改它，以便它们在移动 View 中向左浮动或居中？在此先感谢您的帮助

    <div class="container" id="main">

<div class="navbar  navbar-fixed-top">

        <div class="container">

        <!-- .btn-navbar is used as the toggle for collapsed navbar content -->
    <button class="navbar-toggle" data-target=".navbar-responsive-collapse" data-toggle="collapse" type="button">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
    </button>

            <a class="navbar-brand" href="#" ><img src="images/logo.png" alt="logo"></a>

            <div class="nav-collapse collapse navbar-responsive-collapse navbar-right">

                <ul class="nav navbar-nav">

                    <li> <a href="#">Our Mission</a><li>
                    <li> <a href="#">What We Do </a><li>
                    <li> <a href="#">About Us</a><li>
                </ul> <!-- end nav ul -->

            </div> <!-- end nav collapse -->

        </div><!--  end nav container -->


</div><!-- end navbar -->

Answer 1

您是否尝试将按钮定义为向左拉而不是向右拉？也许这适合您。