From a84092d2257ba8e000e2c656e6cb1b8415d0d9ac Mon Sep 17 00:00:00 2001
From: Mark Otto <markotto@twitter.com>
Date: Sat, 11 Feb 2012 17:25:47 -0800
Subject: update buttons docs for .disabled class per #1774

---
 docs/base-css.html | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

(limited to 'docs/base-css.html')

diff --git a/docs/base-css.html b/docs/base-css.html
index 2ee0f2d29..46cf982c6 100644
--- a/docs/base-css.html
+++ b/docs/base-css.html
@@ -1310,15 +1310,19 @@ For example, &lt;code&gt;section&lt;/code&gt; should be wrapped as inline.
       </p>
       <br>
       <h3>Disabled state</h3>
-      <p>For disabled buttons, use <code>.btn-disabled</code> for links and <code>:disabled</code> for <code>&lt;button&gt;</code> elements.</p>
+      <p>For disabled buttons, add the <code>.disabled</code> class to links and the <code>disabled</code> attribute for <code>&lt;button&gt;</code> elements.</p>
       <p>
         <a href="#" class="btn btn-large btn-primary disabled">Primary link</a>
         <a href="#" class="btn btn-large disabled">Link</a>
       </p>
-      <p>
+      <p style="margin-bottom: 18px;">
         <button class="btn btn-large btn-primary disabled" disabled="disabled">Primary button</button>
         <button class="btn btn-large" disabled>Button</button>
       </p>
+      <p>
+        <span class="label label-info">Heads up!</span>
+        We use <code>.disabled</code> as a utility class here, similar to the common <code>.active</code> class, so no prefix is required.
+      </p>
     </div>
     <div class="span4">
       <h3>One class, multiple tags</h3>
-- 
cgit v1.2.3