2012-09-15

twitterbootstrapのnav bar の色

またまた

http://anond.hatelabo.jp/20120902231521

の続き

TwitterBootStrapでナビバーの色を変えたい場合

bootstrap.css

.navbar-inner{
  省略
  background-image: -moz-linear-gradient(top, #333333, #222222);
  background-image: -ms-linear-gradient(top, #333333, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222));
  background-image: -webkit-linear-gradient(top, #333333, #222222);
  background-image: -o-linear-gradient(top, #333333, #222222);
  background-image: linear-gradient(top, #333333, #222222);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
  省略
}

の「#333333」「#222222」の部分を変えればOK。

同じ色にしたい場合は、どっちも同じ値を指定すればいいし、グラデーションで、違う色にしたい場合は、それぞれを変更したい色の値を

指定すればOK。

これは、バージョンが、2.0系の場合

2012/9時点では、2.1にバージョンアップしているので、最新バージョンだと、よく分からん

風俗口コミ横断SEARCH

http://fko-s.info/index.html

記事への反応 -

記事への反応(ブックマークコメント)

ログイン ユーザー登録
ようこそ ゲスト さん