title: Rails overriding bootstrap's css in an organised way
body: <p>I have a new rails project, and it is using the following gem:</p>
  
  <pre><code>gem 'bootstrap-sass'
  </code></pre>
  
  <p>I am using the horizontal-form CSS class - which has by default:</p>
  
  <pre><code>text-align:right; as part of .horizontal-form
  </code></pre>
  
  <p>I want to override this so that all labels have <code>text-align:left;</code></p>
  
  <p>In my rails project, under stylesheets I have the following:</p>
  
  <pre><code>1st_load_framework.scss
  </code></pre>
  
  <p>Which has :</p>
  
  <pre><code>// import the CSS framework
  
  @import "bootstrap-sprockets";
  @import "bootstrap";
  
  ...bunch of css classes and @variables. 
  
  //I have tried adding:
  
  .horizontal-form{ text-align:left; } into this file however, it is overriding by the generated sass CSS.
  
  application.scss
  </code></pre>
  
  <p>Which has :</p>
  
  <pre><code>    /*
   * This is a manifest file that'll be compiled into application.css, which will include all the files
   * listed below.
   *
   * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
   * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
   *
   * You're free to add application-wide styles to this file and they'll appear at the bottom of the
   * compiled file so the styles you add here take precedence over styles defined in any styles
   * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
   * file per style scope.
   *
  @import "bootstrap-sprockets";
  @import "bootstrap";
  *= require_tree .
  *= require_self
   */
  
  
  
  .sign-up{
      background-color:#95ccfb;
  }
  
  .log-in{
      background-color:#75d86a;
  }
  
  
  .horizontal-form{ text-align:left !important; }
  </code></pre>
  
  <p>I have also tried adding :</p>
  
  <pre><code> .horizontal-form{ text-align:left; } 
  </code></pre>
  
  <p>to the bottom of application.scss to no avail.</p>
  
  <p>How can I make an override like this? I don't believe this particular class has a sass variable, so I am looking for a normal CSS override here - something scalable for the rest of my project in rails would be great.</p>
  
  <p>Using Rails 5.1.1, bootstrap 3</p>
  
  <p>Please help!</p>