色指定その1
これも備忘録
ボタンの色指定
各クラスのあとに指定したい色のclass指定を追加すればいい
<button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown"> Dropdown <span class="caret"></span> </button>
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