css - 如何覆盖引导响应 nav-btn

Question

嗨，我正在尝试覆盖我的 css 中 bootstrap nav btn 的 css，我想更改 3 个白色 lins 的颜色和厚度，但我很难找到更改的位置，我知道这与跨度图标有关 -吧，但不确定在 css 中的位置。

Answer 1

尝试这个...

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

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

Answer 2

您正在寻找的课程是“图标栏”

这控制了条形图。

在 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);
}

按照您认为合适的方式修改它。

祝你好运！