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