色指定その1

これも備忘録
ボタンの色指定

各クラスのあとに指定したい色のclass指定を追加すればいい

     <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
      Dropdown
      <span class="caret"></span>
     </button>

色の種類はbootstrapのサイトにあるとおり

btn-success => 緑
btn-info => 暗い青
btn-danger => 赤
btn-primary => 青
btn-warning => 薄めの茶色
btn-muted => グレイ

ボタンのテキストを変えたい場合はCSSの要素を追加するのが手っ取り早いみたい

boorstrap.cssに追加
(defaultだとbootstrap.min.cssを読んでるはずなので反映されないときはcssの参照ファイルを確認するといい

.btn-danger-text {
  color: #bd362f;
}

こんなかんじで要素を追加すればOK
(btn-danger-text)

<button type="button" class="btn btn-primary dropdown-toggle btn-danger-text" data-toggle="dropdown">
	  Dropdown
      <span class="caret"></span>
     </button>

色合いはよくないけど・・こんな風に仕上がります。

link
http://getbootstrap.com/components/#btn-dropdowns
https://github.com/twbs/bootstrap/issues/3775