Мне удалось разместить группу кнопок на дальней стороне заголовка (H1/H2/H3). Тем не менее, я не знаю, как заставить кнопку плавать вертикально посередине. Он просто остается наверху. Я попытался использовать margin-top
, но поскольку это фиксированное значение, оно не будет динамически размещено посередине.
Вот скриншот:
Здесь код:
<div class="container">
<section>
<div class="page-header">
<h1 class="pull-left">
The header
</h1>
<div class="pull-right">
<div class="btn-group">
<button class="btn btn-primary">
Actions
</button>
<button class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span>
</button>
<ul class="dropdown-menu pull-right">
<li>
<a href="#">Action</a>
</li>
<li>
<a href="#">Another Action</a>
</li>
</ul>
</div>
</div>
<div class="clearfix"></div>
</div>
Contents
</section>
</div>
Спасибо заранее.
jsFiddle: http://jsfiddle.net/aurorius/PKrUC/