jquery - 更改事件 <li> Bootstrap CSS

标签 jquery html css twitter-bootstrap web

<分区>


想改进这个问题吗? 通过 editing this post 添加细节并澄清问题.

关闭 8 年前

我一直很难更改导航的事件样式,这是我的代码

 <nav id="myheader" class="navbar navbar-inverse" role="navigation">
        <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>                        
            </button>
        <a class="navbar-brand" href="#">Jake Balba</a>
        </div>


        <div class="collapse navbar-collapse" id="myNavbar">
        <ul class="nav navbar-nav">
                    <li class="active"><a href="index.html">Home</a></li>
                    <li><a href="About.html">About</a></li>
                    <li><a href="partners.html">Web Projects</a></li>
                    <li><a href="partners.html">Contact</a></li>

不知道该怎么做尝试了很多 Css。谢谢!

最佳答案

你只需要将样式应用到.navbar-inverse .navbar-nav>.active>a,例如:

.navbar-inverse .navbar-nav>.active>a {
  background-color: red;
}

示例:http://www.bootply.com/srYcUctkrb

关于jquery - 更改事件 <li> Bootstrap CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26769879/

上一篇:jquery - 我怎样才能得到左边的按钮?

下一篇:html - 使用黑色背景但透明文本的div使文本透明

相关文章:

html - DIV 的 3 列之间的额外空间

jquery - 具有拉伸(stretch)的渐变背景的图像 Angular 上的圆 Angular 边框

css - 计数器标识符为 "list-item"的奇怪浏览器行为

jquery - 滑动页面过渡 like http ://imakewebthings. com/jquery-waypoints

javascript - 我的必填字段消息未显示在正确的位置

具有不同标题的 HTML 打印网页

html - CSS 样式优先级

javascript - bootstrap affix 如何将其固定到父元素

javascript - 使用 BookBlock jquery 插件导航 Div 内容

javascript - 使用 Javascript 将下载功能添加到点击事件