bootstrapを部分的に無効にしたい

Question

railsのAction Textを導入したところ、この様なレイアウトになってしまいます。

それをこの画像の様に本来のレイアウトに戻したいです。

調べてみたところ、bootstrapをプロジェクト内で導入している事が原因だと考えられるのですが、この要素だけbootstrapを適用させない方法はありますでしょうか。

posts/new.html.haml

.form-group
  = f.label :text, '投稿内容', class: "form-item"
  = f.rich_text_area :content //ここのbootstrapを無効にしたいです

追記

.form-group
  = f.label :text, '投稿内容', class: "form-item"
  = f.rich_text_area :content, class: "content"

:not(.content){
  @import "bootstrap";
}

Answer 1

cssのnotを使ってbootstrapを読み込み除外したい要素以外でのみbootstrapを有効にすれば良いと思います

:not(除外したい要素) {
  @import "bootstrap";
}

Comments

[okabayashi]

ご回答いただきありがとうございます！
追記の様に書いてみたのですが、画面は変わらずです、、。

[okabayashi]

bootstrap全体を無効にしても画面が変わらなかったので、私の検討違いの様ですね。この度はありがとうございました。