Twitter Bootstrap - checkbox columns / columns within form

Question

I have a form field which has a number of checkboxes - how can I display the checkboxes as 3 columns instead of 1?

Something similar to this:

Answer 1

You can achieve such a setup by separating the checkbox blocks within the .control-group container instead of each .control container like so:

    
Payment Types
    

        
             Cash
        
        
             Invoice
        
        
             Discover
        
        
             Financing
        
    
    

        
             Check
        
        
             American Express
        
        
             MasterCard
        
        
             Google Checkout
        
    
    

        
             Traveler's Check
        
        
             Diner's Club
        
        
             Visa
        
        
             Paypal
        
    

Demo: http://jsfiddle.net/LVFzK/468/show/