title: Can't override Bootstrap .help-block margin-top in Rails
body: <p>I'm building a Rails app, and I'm trying to override two styles of the .help-block class from Bootstrap in my custom.css.scss. Here's the css:</p>
  
  <pre><code>.help-block {
      margin-top: 5px;
      font-size: 12px;
  }
  </code></pre>
  
  <p>And here's the HTML:</p>
  
  <pre><code>&lt;div class="container outer"&gt;
      &lt;div class="row"&gt;
          &lt;div class="span6 offset3"&gt;
              &lt;div class="form-container"&gt;
              ...
                  &lt;form class="form-horizontal"&gt;
                  ...
                      &lt;div class="control-group"&gt;
                          &lt;label class="control-label" for="nickname"&gt;Nichname*&lt;/label&gt;
                          &lt;div class="controls"&gt;
                              &lt;input type="text" id="nickname" required&gt;
                              &lt;span class="help-block"&gt;Example: "Mrs. Locke," "Mr. Almeida"&lt;/span&gt;
                              ...
  </code></pre>
  
  <p>The font-size works with no issues. However, no matter what I do, the margin-top doesn't override. Apparently, I don't have enough reputation yet to post images, so I can't post what chrome developer tools shows, but here's a <a href="https://www.evernote.com/shard/s3/sh/058167ed-988f-4c2a-b024-194eb93d2f98/7df5472b0b6c5214a939b48890adc1c2/res/f5d3fe67-f4a7-4d51-ba01-b954fe6129c0/skitch.png" rel="nofollow">link</a> to the screenshot.</p>
  
  <p>My override (at line 4922) is definitively (as far as I can tell) the last reference to .help-block in the entire final css file, and yet the one from line 1528 is the one which survives. I've also tried (as an experiment) overriding all the margins:</p>
  
  <pre><code>.help-block {
      margin: 5px;
      font-size: 12px;
  }
  </code></pre>
  
  <p>When I do this, all margins get overridden except the top margin (again). What am I missing here?</p>