小编Slo*_*ell的帖子

只是想知道是否有任何方法可以调整 Bootstrap 的导航栏切换器图标的大小？

我使用.navbar-dark主题作为模板，以下是尺寸：

.navbar-dark {
  background-color: #111 !important;
}

.navbar {
  background-image: url("/images/Harris_Logo_Small2.svg");
  background-position: center;
  background-repeat: no-repeat;
  height: 25px;
  padding: 0px;
  margin: 3px;  
}

.navbar-nav {
  background-color: #111111;
  border-color: #111111;
}

这是相应的CSS：

.navbar .navbar-toggle {
  border-color: #ff0000;
}

.navbar .navbar-toggle:hover,
.navbar .navbar-toggle:focus {
  background-color: #ff0000;
}

button.navbar-toggler {
  background-color: #111111;
  height: 25px;
  width: 25px;
}

button.navbar-toggler .icon {
  background-color: #111;
}

.navbar-default .navbar-toggle .icon-bar{
  background-color: #111;
}

.navbar .navbar-toggle .navbar-toggler-icon {
  color: #ecf0f1;
  height: 20px !important;
  width: …