如何设计新的菜单栏引导程序和wordpress的风格

Question

im正在尝试为页脚添加一个新的类菜单。如何更改的颜色、活动等

我将此添加到我的自定义css文件中

.navbar-rodape { background-color: none;}
.navbar-rodape .navbar-nav>.active>a:hover,.navbar-rodape .navbar-nav>li>a:hover, .navbar-rodape .navbar-nav>li>a:focus { background-color: #000000}
.navbar-rodape .navbar-nav>.active>a,.navbar-rodape .navbar-nav>.open>a,.navbar-rodape .navbar-nav>.open>a, .navbar-rodape .navbar-nav>.open>a:hover,.navbar-rodape .navbar-nav>.open>a, .navbar-rodape .navbar-nav>.open>a:hover, .navbar-rodape .navbar-nav>.open>a:focus { background-color: #080808}
.dropdown-menu { background-color: #FFFFFF}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #ED7913}
.navbar-rodape { background-image: none; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; }
.navbar-rodape { border-color: #080808}
.navbar-rodape .navbar-brand { color: #999999}
.navbar-rodape .navbar-brand:hover { color: #FFFFFF}
.navbar-rodape .navbar-nav>li>a { color: #999999}
.navbar-rodape .navbar-nav>li>a:hover, .navbar-rodape .navbar-nav>li>a:focus { color: #FFFFFF}
.navbar-rodape .navbar-nav>.active>a,.navbar-rodape .navbar-nav>.open>a,.navbar-rodape .navbar-nav>.open>a:hover, .navbar-rodape .navbar-nav>.open>a:focus { color: #FFFFFF}
.navbar-rodape .navbar-nav>.active>a:hover, .navbar-rodape .navbar-        nav>.active>a:focus { color: #FFFFFF}
.dropdown-menu>li>a { color: #333333}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #FFFFFF}
.navbar-rodape .navbar-nav>.dropdown>a .caret { border-top-color: #999999}
.navbar-rodape .navbar-nav>.dropdown>a:hover .caret { border-top-color: #FFFFFF}
.navbar-rodape .navbar-nav>.dropdown>a .caret { border-bottom-color: #999999}
.navbar-rodape .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #FFFFFF}

所以当我调用菜单时

<div class="col-md-3">
     <h4>Desporto</h4>
        <nav id="footermenu1" class="nav nav-pills nav-stacked" role="navigation">
        <?php  wp_nav_menu(array('theme_location' => 'footer_menu_desporto', 'container'=> false , 'menu_class' => 'navbar-rodape')); ?>
               </nav>
</div>

不采用新的风格吗？我做错了什么？

高级中的thz

Answer 1

嗨，你试试这个代码，它有助于

http://code.tutsplus.com/tutorials/how-to-integrate-bootstrap-navbar-into-wordpress-theme--wp-33410

https://github.com/twittem/wp-bootstrap-navwalker