作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我为 WordPress 创建了一个动态 Bootstrap 导航栏菜单。要查看菜单设计,请访问此链接:https://dl.dropboxusercontent.com/u/211935016/images/created_menu.jpg
但是还有一些事情需要做。最唠叨的“特别促销”和“董事会认证”需要在它们周围加上这个框,这样它们才能脱颖而出。要查看设计,请访问此链接:https://dl.dropboxusercontent.com/u/211935016/images/original_menu.jpg
这是html代码:
<!-- Menu's Code for Twitter Bootstrap -->
<div class="navbar navbar-inverse container mainmenu" role="navigation">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle Naavigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="" >Navigation</a>
</div>
<div class="navbar-collapse collapse">
<?php
$args = array(
'theme_location' => 'top-bar',
'depth' => 2,
'container' => false,
'menu_class' => 'nav navbar-nav',
'walker' => new Bootstrap_Walker_Nav_Menu()
);
wp_nav_menu($args);
?>
</div>
</div>
<!-- Menu's Code for Twitter Bootstrap -->
这是CSS代码:
.mainmenu {background:#F2F0F1;border:none;margin-top:10px;margin-bottom:10px;}
.navbar-inverse .navbar-brand {color: #101010;}
.navbar-inverse .navbar-brand:hover {color: #101010;}
.navbar-inverse .navbar-toggle {border-color: #333333;background:#333333;}
.navbar-collapse {padding-right: 0px;padding-left: 0px;}
.navbar-brand {display:none;}
.mainmenu ul.navbar-nav {margin-left: -10px;}
.mainmenu ul.navbar-nav li {margin-top: 12px;margin-left: 10px;}
.mainmenu ul.navbar-nav li a {color:#101010;padding: 5px 2px;font-family: 'Open Sans', sans-serif;font-size:18px;}
.mainmenu ul.navbar-nav li a:hover {color:#fff;background:#13B4E3;}
我在 functions.php 文件中使用此代码:http://pastebin dot com/S0UCDUYi 来激活 WordPress 的 Bootstrap 导航栏菜单。
有人可以帮我解决吗?谢谢。
最佳答案
最简单的方法是为 Wordpress | 上的这两个菜单项添加一个新类。外观 |菜单页面。
为确保您可以查看菜单 CSS 类:
现在,在菜单中这两页的条目中(“特别促销”和“委员会认证”),您可以添加一个新类别,例如“亮点”。
然后为该新类添加 css:
.highlight { background: blue ... }
关于jquery - 如何在 WordPress 的动态 Bootstrap 导航栏菜单中选择特定列表项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25986077/
我是一名优秀的程序员,十分优秀!