使用Bootstrap CSS prev和下一个箭头在容器的两侧居中对齐

Question

如何在Twitter bootstrap css中获得prev，并且下一个箭头在容器的任一侧居中对齐，例如类似于轮播导航？

<div class="text-center" > 
    <a href="#!/details/{{prevItem}}" class="btn btn-left-primary">&lt;&nbsp;&nbsp;</a>
    <a href="#!/details/{{nextItem}}" class="btn btn-right-primary">&nbsp;&nbsp;&gt;</a> 
</div>

这些上一个和下一个按钮彼此相邻，我需要它们围绕一个盒子集中坐着

<section class="detailsinfo" > 
    <div class="pull-right">
        <a href="#!/details/{{nextItem}}" class="btn btn-right-primary">&nbsp;&nbsp;&gt;</a>
    </div> 
    <div class="row vertical-align"> 
        <div class="pull-left"> 
            <a href="#!/details/{{prevItem}}" class="btn btn-left-primary">&lt;&nbsp;&nbsp;</a>
        </div>
    </div>

类row -vertical align似乎可以排除左侧按钮而不是右侧