Bootstrap 3輸入附加錯誤

Question

對不起，我的英文。

嗨，面對Bootstrap 3中的問題，不可能對兩個文本字段和一個按鈕進行分組。提示解決方案。

Answer 1

你能做到這樣，與輸入組和兩個輸入字段，並添加一些CSS：

HTML：

<div class="input-group double-input"> 
    <input type="text" placeholder="First" class="form-control" /> 
    <input type="text" placeholder="Second" class="form-control" /> 
    <span class="input-group-btn"> 
     <button class="btn btn-default" type="button">Go!</button> 
    </span> 
</div><!-- /input-group --> 

CSS：

.double-input .form-control { 
    width: 50%; 
    border-right-width: 0px; 
} 
.double-input .form-control:focus { 
    border-right-width: 1px; 
} 

檢查這個小提琴：http://jsfiddle.net/aorcsik/TshQ7/

Answer 2

.input-group-addon{ 
 
    padding: 0; 
 
    width: 0px; 
 
    border:none; 
 
    background-color: #ccc; 
 
} 
 
.input-group{ 
 
    width: 100%; 
 
}

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/> 
 
<div class="form-group"> 
 
    <div class="input-group"> 
 
    <input data-provide="datepicker" class="form-control"> 
 
    <div class="input-group-addon"></div> 
 
    <input data-provide="datepicker" class="form-control"> 
 
    <span class="input-group-btn"> 
 
     <button class="btn btn-default" type="button">Go!</button> 
 
    </span> 
 
    </div> 
 
</div>