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