如何使用Bootstrap 3.3.4微调垂直对齐方式

如何解决如何使用Bootstrap 3.3.4微调垂直对齐方式

我有一个cshtml文件，该文件负责在屏幕的右上角彼此下方显示两个按钮。使用Bootstrap 3.3.4。 现在，我需要在第一个按钮的左侧添加文本，并设法使用下面的代码这样做，但是不存在任何垂直对齐方式，如下图所示：

最好将一条不可见的线放到“第一个按钮”的底部边框上，以使“这是文本”降低。第二个选项是使文本相对于第一个按钮垂直居中，这也很好。如何使用Bootstrap 3.3.4完成此操作？

这是代码：

<div class="pull-right">
    <button class="btn btn-default btn-xs" data-bind="click: $root.logout">
        <i class="fa fa-power-off"></i>
        <span data-bind="translate: 'button-logout'"></span>
    </button>
    <a class="btn btn-default btn-xs" href="@Url.Action("Index","Relations",new {Area = "Administration"})">
        <i class="fa fa-cog"></i>
        <span data-bind="translate: 'button-administration'"></span>
    </a>
</div>
<div class="pull-right">
    <span>This is the text&nbsp;</span>
</div>

谢谢！