Dropdown Button – Twitter Bootstrap

Hey everyone,

Just a quick post on how to create a dropdown button using Twitter Bootstrap. It’s pretty straight forward, once you’ve included all your CSS etc just add the following code:

	

	  
	    Button Text
	    
	  
	  

	    

	    	Menu Option #1
	    
	    

	    	Menu Option #2
	    
	    

	    	Menu Option #3
	    
	    

	    

	    	Menu Option #4
	    
	    
	    

	    	Menu Option #5
	    
	  
	

Once you save that you should see something similar to the image below:

Change list item text alignment

To change the text alignment of this list items, all you need to do is adjust the text-align style assigned to the wrapper div.

Change dropdown button color

Once again, this is fairly simple, all you need to do is switch the button type. For instance, if you were after an orange button, you can swap btn-success with btn-warning. A list of the default styles is available on the Twitter Bootstrap site.

Let me know if you have any issues.