TwitterBootstrapのnavbarの色を変更する

twitterbootstrapを使ってみようと思っていじっているのですが、機能が豊富すぎてさっぱりわかりません。

とりあえずは、ドットインストールの動画を見ながら基本的な操作を覚えてしまおうかなと。

でナビバーを表示させて、最上部に配置して色を黒くするまでは簡単にできたのですが、この黒い色を別の色にしたいな・・・と思い。どこで色ついてんのかな?と調べてみると。ありました。

bootstrap.css

.navbar-inverse .navbar-inner {
  background-color: #1b1b1b;
  background-image: -moz-linear-gradient(top, #222222, #111111);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111));
  background-image: -webkit-linear-gradient(top, #222222, #111111);
  background-image: -o-linear-gradient(top, #222222, #111111);
  background-image: linear-gradient(to bottom, #222222, #111111);
  background-repeat: repeat-x;
  border-color: #252525;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);
}

ここでグラデーションをつけているようです。デフォルトは#222222から#111111のグラデーションになっているのでこの数字を変えると色が変わります。

スポンサードリンク

RSS購読のススメ

RSS

定期的に読んでいただけるかたはRSS登録しておくと便利です。RSS登録はこちら!!

びーおーぷんどっとねっとのRSS登録

Twitterでも情報をつぶやいているので、フォローしてみるといいかもしれません。

コメントを残す

サブコンテンツ

Profile

twitter

google+
@beopener12on Google+

Facebook

サイト内検索

記事を検索したいときはここにキーワードを入れて検索ボタンをクリックすれば見つかるかも・・・

スポンサードリンク

おすすめ

このページの先頭へ