Я не могу придумать хорошее имя для вопроса, так что более подробно здесь.
Мне нужно поместить кнопку рядом с каким-либо пользовательским элементом управления (в той же строке), который обернут в div.row
.Btn right2 должен оставаться рядом с Btn right1 без пробела между ними (как будто они остаются один за другим внутри одного столбца начальной загрузки).
<div class="row">
<div class="col-sm-12">
<button type="button" class="btn btn-primary pull-right">Btn right2</button>
<!-- control code below -->
<div class="row">
<div class="col-sm-6">
<div class="pull-left">
<p>Text left</p>
</div>
</div>
<div class="col-sm-6">
<div class="pull-right">
<button type="button" class="btn btn-primary">Btn right1</button>
</div>
</div>
</div>
</div>
</div>
Plnkr
Есть ли хороший способ сделать это?pull-right
из кода не работает (Btn right1 пойдет на следующую строку).Я могу изменить содержимое элемента управления (например, удалить из него систему сетки), но не могу поместить кнопку внутри него.