Bootstrap 3: does form-horizontal work for radio buttons with a control-label?

Question

This has wasted several hours of my day. Here\'s a very simple form, with 2 radio buttons and a label, on bootply. This works as expected on 2.3.2: \'Date Range\' on the lef

Answer 1

To do what you want to do, you do have to use col-* classes as all form elements are 100% width, so you have to have a col-* to fix the width you want. You can use col-xs-* and it will be for all sizes, not responsive:

EXAMPLE: http://bootply.com/102912

 

  

   Date Range
   

    

     
      
      Radio 0
    
    

     
      
      Radio 0
    
    

     
      
      Radio 0
    
   
  
 

If you want radios, checkboxes, or other form elements on the same line without the use of column classes, the class for the form is .form-inline:

http://bootply.com/102908

   

    Date Range
         
     
     Radio 0
    
     
     Radio 2
    
     
     Radio 3