From 9ebc6b4c9700610fbc83173c95f5464999f83bff Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 10 Mar 2012 11:37:34 -0800 Subject: simplify buttons docs section by changing a buttons to button elements --- docs/components.html | 94 ++++++++++++++++++++++++++-------------------------- 1 file changed, 47 insertions(+), 47 deletions(-) (limited to 'docs/components.html') diff --git a/docs/components.html b/docs/components.html index a3a389c98..809f4d40e 100644 --- a/docs/components.html +++ b/docs/components.html @@ -134,34 +134,34 @@

Here's how the HTML looks for a standard button group built with anchor tag buttons:

- Left - Middle - Right + + + 
 <div class="btn-group">
-  <a class="btn" href="#">1</a>
-  <a class="btn" href="#">2</a>
-  <a class="btn" href="#">3</a>
+  <button class="btn">1</button>
+  <button class="btn">2</button>
+  <button class="btn">3</button>
 </div>

Toolbar example

Combine sets of <div class="btn-group"> into a <div class="btn-toolbar"> for more complex components.

- 1 - 2 - 3 - 4 + + + +
- 5 - 6 - 7 + + +
- 8 + 
@@ -198,7 +198,7 @@
       
Use any button to trigger a dropdown menu by placing it within a .btn-group and providing the proper menu markup.

       

         

-          Action 
+          
           
         

         

-          Action 
+          
           
         

         

-          Danger 
+          
           

       

         

-          Warning 
+          
           
         

         

-          Success 
+          
           
         

         

-          Info 
+          
           
         

         

-          Inverse 
+          
           
    
             
  • Action
    • 
             
  • Another action
    • 
@@ -300,8 +300,8 @@
       
    Building on the button group styles and markup, we can easily create a split button. Split buttons feature a standard action on the left and a dropdown toggle on the right with contextual links.
    
       
    
         
    
-          Action
-          
+          
+          
           
         
    
         
    
-          Action
-          
+          
+          
           
         
    
         
    
-          Danger
-          
+          
+          
           
    
       
    
         
    
-          Warning
-          
+          
+          
           
         
    
         
    
-          Success
-          
+          
+          
           
         
    
         
    
-          Info
-          
+          
+          
           
    
       
    
         
    
-          Inverse
-          
+          
+          
           
      
             
    • Action
      • 
             
    • Another action
      • 
@@ -385,8 +385,8 @@
       
      Add .pull-right to the .dropdown-menu of any button dropdown for right aligned menus.
      
       
      
         
      
-          Right
-          
+          
+          
           
        
             
      • Action
        • 
             
      • Another action
        • 
@@ -410,10 +410,10 @@
       
        We expand on the normal button dropdowns to provide a second button action that operates as a separate dropdown trigger.
        
 
         <div class="btn-group">
-  <a class="btn" href="#">Action</a>
-  <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
+  <button class="btn">Action</button>
+  <button class="btn dropdown-toggle" data-toggle="dropdown">
     <span class="caret"></span>
-  </a>
+  </button>
   <ul class="dropdown-menu">
     <!-- dropdown menu links -->
   </ul>
@@ -423,8 +423,8 @@
       
        Dropdown menus can also be toggled from the bottom up by adding a single class to the immediate parent of .dropdown-menu. It will flip the direction of the .caret and reposition the menu itself to move from the bottom up instead of top down.
        
       
        
         
        
-          Dropup
-          
+          
+          
           
         
        
         
        
-          Right dropup
-          
+          
+          
           
        
 
         <div class="btn-group dropup">
-  <a class="btn" href="#">Dropup</a>
-  <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
+  <button class="btn">Dropup</button>
+  <button class="btn dropdown-toggle" data-toggle="dropdown">
     <span class="caret"></span>
-  </a>
+  </button>
   <ul class="dropdown-menu">
     <!-- dropdown menu links -->
   </ul>
-- 
cgit v1.2.3