Question

我想知道如何使用引导程序中的列来使导航栏居中。我是一个使用bootstrap的begginner。我需要一些建议。谢谢。你会在下面找到我的代码。如果不清楚，请告诉我。

这是我的代码：

<nav class="navbar navbar-default navbar-fixed-top">
    <div class="container-fluid">
        <div class="row">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar"> <span class="sr-only">Toggle navigation</span>
 <span class="icon-bar"></span>
 <span class="icon-bar"></span>
 <span class="icon-bar"></span>

                </button> <a class="navbar-brand" href="#">Example</a>

            </div>
            <!-- End navbar-header-->
            <div class="collapse navbar-collapse" id="navbar">
                <ul class="nav navbar-nav">
                    <li><a href="#">Example</a>

                    </li>
                    <li><a href="#">Example</a>

                    </li>
                    <li><a href="#">Example</a>

                    </li>
                    <li><a href="#">Example</a>

                    </li>
                </ul>
            </div>
        </div>
        <!--end row-->
    </div>
    <!--End container fluid-->
</nav>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="Bootstrap/js/bootstrap.min.js"></script>

Answer 1

您可以使用<div class="container">代替<div class="container-fluid">来居中整个导航栏。我希望它会有所帮助。

如何将导航栏置于bootrap中心？

1 个答案: