Friday, August 4, 2017

Input group Bootstrap HTML

 <div class="input-group my-group">   
       <input type="text" class="form-control" name="snpid" placeholder="Test"><select id="lunch" class="form-control" data-live-search="true" title="Please select a lunch ...">  
             <option>Hot Dog, Fries and a Soda</option>  
             <option>Burger, Shake and a Smile</option>  
             <option>Sugar, Spice and all things nice</option>  
             <option>Baby Back Ribs</option>  
             <option>A really really long option made to illustrate an issue with the live search in an inline form</option>  
           </select> <span class="input-group-btn">  
         <button class="btn btn-default" type="submit">GO!</button>  
    </span>  
 </div>  
 .my-group .form-control{  
   width:50%;  
 }  

No comments:
Write comments