css - 在输入组中 Bootstrap 两个输入

Question

我有以下 HTML，但我无法让两个输入与所有按钮位于同一行。

<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

Answer 1

Bootstrap 使这些输入元素的宽度为 100%。您将需要覆盖该值。像这样:

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

在这里查看我的 bootply 分支: http://www.bootply.com/ApJNHnX5Lv