title: Customizing Bootstrap: disabled primary button border
body: <p>I am using the <a href="http://getbootstrap.com/customize" rel="nofollow noreferrer">Bootstrap template customization generator</a> to change the colours of the default states and buttons using them.</p>
  
  <p>I've changed all the states correctly, but when generating a button group and using a primary button with disabled state, it is still generating a blue border which I can't seem to find an option to change in Bootstrap's generator. Code:</p>
  
  <pre><code>&lt;a href="#" class="btn btn-primary disabled"&gt;
      &lt;strong&gt;Title here&lt;/strong&gt;
      &lt;br&gt;&lt;small&gt;Hello world!&lt;/small&gt;
  &lt;/a&gt;
  </code></pre>
  
  <p>This is generating this (note the light border compared to the button on the left which has a dark border because it is not disabled):</p>
  
  <p><img src="https://i.stack.imgur.com/A5hP4.png" alt="enter image description here"></p>
  
  <p>Inspecting the element shows this:</p>
  
  <pre><code>.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary,
  .btn-primary.disabled:hover, .btn-primary[disabled]:hover,
  fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, 
  .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus,
  .btn-primary.disabled:active, .btn-primary[disabled]:active, 
  fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, 
  .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
      background-color: #428bca; 
      border-color: #357ebd;            /* these are light blue colours */
  }
  </code></pre>
  
  <p>I can't seem to find anywhere in the template generator that refers to <code>@btn-primary-disabled-border</code> or similar variations of that. I've looked through all references to <code>disabled</code> in the page and it doesn't seem to reference it.</p>
  
  <p>Am I missing something somewhere or does this need to be a manual CSS override? I'd like to keep this to using Bootstrap's LESS compiler if possible.</p>
  
  <p><strong>Edit:</strong> <a href="http://jsfiddle.net/scrowler/GbK98/" rel="nofollow noreferrer">here's a fiddle</a> and <a href="http://getbootstrap.com/customize/?id=1d05bc6d129f0a78bcc1" rel="nofollow noreferrer">here's a link to my current Bootstrap definitions</a></p>