Advertisement
Shimmy

Bootstrap single state addon checkbox

Mar 24th, 2015
318
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 1.74 KB | None | 0 0
  1. <button type="button" class="btn btn-primary" data-toggle="button" aria-pressed="false" autocomplete="off">
  2.   Single toggle
  3. </button>
  4.  
  5. <hr/>
  6.  
  7. <div class="btn-group" data-toggle="buttons">
  8.   <label class="btn btn-primary active">
  9.       <input type="checkbox" autocomplete="off" checked="checked"/> Checkbox 1 (pre-checked)
  10.   </label>
  11.   <label class="btn btn-primary">
  12.       <input type="checkbox" autocomplete="off"/> Checkbox 2
  13.   </label>
  14.   <label class="btn btn-primary">
  15.       <input type="checkbox" autocomplete="off"/> Checkbox 3
  16.   </label>
  17. </div>
  18.  
  19. <hr/>
  20.  
  21. <div class="btn-group" data-toggle="buttons">
  22.   <label class="btn btn-primary">
  23.       <input type="checkbox" autocomplete="off"/> Single checkbox
  24.   </label>
  25. </div>
  26.  
  27. <hr/>
  28.  
  29. <div class="form-group col-md-2">
  30.     <div class="input-group">
  31.         <span class="input-group-addon">
  32.             <input type="checkbox"/>
  33.         </span>
  34.         <input type="text" class="form-control"/>
  35.     </div><!-- /input-group -->
  36. </div>
  37.  
  38. <hr/>
  39.  
  40. <div class="form-group col-md-2">  
  41.     <div class="input-group">
  42.         <span class="input-group-btn">
  43.             <button class="btn btn-default" type="button">Go!</button>
  44.         </span>
  45.         <input type="text" class="form-control" placeholder="Search for..."/>
  46.     </div><!-- /input-group -->
  47. </div>
  48.  
  49. <hr/>
  50.  
  51. <div class="form-group col-md-2">  
  52.     <div class="input-group">
  53.         <span class="input-group-btn" data-toggle="buttons">
  54.             <button class="btn btn-default" type="button">
  55.                <input type="checkbox" autocomplete="off"/> Single checkbox
  56.             </button>
  57.         </span>
  58.         <input type="text" class="form-control" placeholder="Search for..."/>
  59.     </div><!-- /input-group -->
  60. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement