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

谢谢！

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）