input-group-addon with bootstrap-select

Question

I tried to use Label 2 with bootstrap-select, but it looks different to the bootstrap (Label 1) one. How is it possible to get the two la

Answer 1

From Bootstrap docs:

Extend form controls by adding text or buttons before, after, or on both sides of any text-based . Use .input-group with an .input-group-addon or .input-group-btn to prepend or append elements to a single .form-control.

You need to wrap the select and .input-group-addon in a .input-group:

  Label 2
  
    Hot Dog, Fries and a Soda
    Burger, Shake and a Smile
    Sugar, Spice and all things nice
    Baby Back Ribs
    A really really long option made to illustrate an issue with the live search in an inline form
  

Check it out:

  

    

      Labe 1
      
      
      GO!
      
    
  
  

  

  

    

      

        Label 2
        
          Hot Dog, Fries and a Soda
          Burger, Shake and a Smile
          Sugar, Spice and all things nice
          Baby Back Ribs
          A really really long option made to illustrate an issue with the live search in an inline form