Извините за мой английский.Bootstrap 3 вход добавить проблему
Привет, столкнувшись с проблемой в Bootstrap 3, невозможно создать группировку двух текстовых полей и кнопки. Быстрое решение.
Извините за мой английский.Bootstrap 3 вход добавить проблему
Привет, столкнувшись с проблемой в Bootstrap 3, невозможно создать группировку двух текстовых полей и кнопки. Быстрое решение.
Вы можете сделать это, как это, с входной группой и двумя полями ввода и добавив некоторые 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/
.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>
Хороший, прямой и вперед решение !! – dariush