在Rails应用程序中覆盖bootstrap css

Question

All the css is ok but the only problem is that I can't change the default bootstrap css.

index.html.erb :

<div class="col-sm-6 no-padding"> Something </div>

_cards.scss :

.no-padding{
  padding: 0px !important;
}

Is there any configuration that is causing it?

The only way that works in this app is to write:

<div class="col-sm-6" style="padding: 0px;"> Something </div>

Obs.: I'm using Rails 5.0.1 and I created a new sample of rails app to test and worked like how I intended to do. So I guess that it should be some wrong configuration.

Obs2.: all other components from '_card.scss' are also loading normally.

Answer 1

To solve this issue we have to attempt to call on application.scss the bootstrap first (I mean, above on the list) and then we should call our private css folders after.

Thank you again for the amazing support guys.