如何覆盖bootstrap响应nav-btn

Question

您好我试图在我的CSS中覆盖bootstrap nav btn的css，我想改变3个白色lins的颜色和厚度，但我很难找到改变的地方我知道它与span icon-bar但不确定css中的位置。

Answer 1

试试这个......

.navbar-inverse .navbar-toggle .icon-bar {
  width: 20px;
  height: 4px;
  background-color: #cc0000;
  display: block;
}

演示：http://bootply.com/79822

Answer 2

您正在寻找的课程是“icon-bar”

这可以控制条形。

在css文件中查找以下代码：

.navbar .btn-navbar .icon-bar {
  display: block;
  width: 18px;
  height: 2px;
  background-color: #f5f5f5;
  -webkit-border-radius: 1px;
     -moz-border-radius: 1px;
          border-radius: 1px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
     -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}

根据需要修改此内容。

祝你好运！