Bootstrap two inputs in input-group

css, twitter-bootstrap

Solution

Bootstrap makes the width of those input elements 100%. You will need to overwrite that value. Something like this:

.input-group .form-control {
  width:45%;
  margin-right:5%;
}

See my bootply fork here: http://www.bootply.com/ApJNHnX5Lv

Problem

I have following HTML, but I can't get two inputs to be on same line as all buttons. ``` <div class="well"> <div class="input-group"> <input class="form-control" placeholder="Page path"> <input class="form-control" placeholder="Name"> <div class="input-group-btn"> <a href="#" class="btn btn-info">View</a> <a href="#" class="btn btn-primary">Edit</a> <a href="#" class="btn btn-danger">Delete</a></div> </div> </div> ``` http://www.bootply.com/Iu7Ic99jm6

Original source