Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
 <script src="http://code.jquery.com/jquery.min.js"></script>
 <link href="http://getbootstrap.com/dist/css/bootstrap.css" rel="stylesheet" type="text/css" />
 <script src="http://getbootstrap.com/dist/js/bootstrap.js"></script>
 <meta charset=utf-8 />
 <title>JS Bin</title>
</head>
<body>
  
  <div class="container">
    <div class="row">
      
 <div class="col-sm-10">
   
  <div class="input-group input-group-sm input-group-responsive">
   <input type="text" class="form-control">
   <div class="input-group-btn">
    <button class="btn btn-default" type="button"> 
      icon here
     </button>
    <button class="btn btn-default" type="button"> 
      icon here
     </button>
   </div>
  </div>
   
   
  
   
   
   
</div>
</div>
</div>
</body>
</html>
 
.container {padding:50px}
@media (max-width: 600px) {
/* responsive input group */
  .input-group.input-group-responsive {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  margin:0;
  }
  .input-group.input-group-responsive .form-control {
    margin:0 0 5px;;
  }
.input-group.input-group-responsive .input-group-btn {
  margin:0;
  padding:0;
}
  .input-group.input-group-responsive .btn {
    display: block;
  left:auto;
  width:100%;
    clear:both;
    padding-left: 0;
    padding-right: 0;
    margin: 0 0 5px;
    border-radius: 4px !important;
  }
}
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
carasmopro
0viewers