html - Bootstrap 的中心 block 不工作

Question

我正在尝试使用 center-block 来居中我的 WordPress 模板的导航，它使用的是 Bootstrap 。我已经尝试将 center-block 类应用于这些类名中的每一个，但没有成功，导航项(li 菜单项)仍在拉到左边。我还尝试添加我自己的自定义类，以在我自己的 custom.css 文件中复制 center-block，但没有成功。

那么究竟应该把 center-block 或任何其他中心代码放在哪里？我仔细检查了每个元素，试图找出哪些元素没有完全居中，但我仍然无法确定。

<nav class="site-navigation" itemscope="itemscope" itemtype="http://schema.org/SiteNavigationElement">
    <div class="container">
        <div class="row">
            <nav class="container primary">
                <div class="col-sm-12 primary responsiveSelectContainer">
                    <ul id="menu-primary-navigation-1" class="menu responsiveSelectFullMenu">
                        <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-2002"><a href="http://localhost/wordpress/">Home</a></li>
            </nav>
        </div>
    </div><!-- .container -->
</nav>

原始的php和html代码:

<nav class="site-navigation" itemscope="itemscope" itemtype="http://schema.org/SiteNavigationElement">
    <div class="container">
        <div class="row">
            <nav class="container primary">
                <?php wp_nav_menu(  
                    array(  
                        'menu'              => 'Primary Navigation',
                        'container'         => 'div',
                        'container_class'   => 'col-sm-12 primary'  
                        )  
                ); ?> 
            </nav>
        </div>
    </div><!-- .container -->
</nav><!-- .site-navigation -->

Answer 1

试试这个:

<nav class="navbar navbar-default container primary">

我没有看到您在哪里使用了一些内置的默认导航栏标签，这可能是它没有居中的原因。希望这会有所帮助。