facebook twitter hatena line email

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

提供: 初心者エンジニアの簡易メモ
2015年5月20日 (水) 03:14時点における127.0.0.1 (トーク)による版 (ページの作成:「ヘッダーの色を変更してbootstrap風を少しでも払拭できます。 以下をimportすれば色がピンクになります。 .navbar-inverse { backgro...」)

(差分) ←前の版 | 最新版 (差分) | 次の版→ (差分)
移動: 案内検索

ヘッダーの色を変更して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;
}