Html 如何使用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>

这是文本

---

谢谢

如果您可以在Codesandbox中复制该输出，我可以提供帮助。@m4n0不，我尝试过，但没有得到想要的结果。这可能是因为您无法将引用设置为bootstrap3.3.4，而只能设置为4.5.2。我想我将添加一些自定义css。不管怎样，那都行。不过这有点遗憾——这不是使用框架的原因。