facebook twitter hatena line email

Html/bootstrap/bootstrap3/簡単カスタマイズ

提供: 初心者エンジニアの簡易メモ
移動: 案内検索

ヘッダーの色を変更してbootstrap風を少しでも払拭できます。 以下をimportすれば色がピンクになります。

.navbar-inverse {
  background-color: #222;
  background-color:#E653AC;
}
.navbar {
  border: 0px solid transparent;
}
.navbar-inverse .navbar-nav > li > a {
  color:#fff;
}
.navbar-inverse .navbar-brand {
  color:#fff;
}
.navbar-inverse .active a.navbar-brand
{
  color: #000;
  background-color: #ffc;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #000;
  background-color: #ffc;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #000;
  background-color: #ffc;
}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
 background-color: #ffc;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
 color: #000;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
 color: #000;
 background-color: #ffc;
}