環境
- ruby 2.1.2
- rails 4.1.1
- bootstrap-sass (3.1.1.1)
きっかけ
.alert.alert-errorをクラスに指定したけど、意図した表現が実現できなかった。
あれ?って思ったけど、原因は単純でbootstrapにそもそも定義がないため。本家サイト
.alert-dangerの表現を意図していたので、CSSを下記の解決策ように記述すれば.alert-errorも.alert-dangerと同じ表現になる。
解決策
@import "bootstrap"
/* snip */
.alert-error
@extend .alert-danger