Twitter bootstrap 引导中产阶级

我在这里问这个问题有点傻，但我似乎无法使用bootstraps的

align middle

类使文本与按钮对齐

<span class="align-middle">
    <button class="btn btn-primary btn-sm align-middle mt-3">
        <span class="fa fa-plus nr-2"></span>
    </button>
    <small>Add new website</small>
</span>

添加新网站

我也试过

<span class="align-middle">
    <button class="btn btn-primary btn-sm align-middle mt-3">
        <span class="fa fa-plus nr-2"></span>
    </button>
    <small class="align-middle">Add new website</small>
</span>

添加新网站

要将文本垂直居中对齐到按钮，可以执行以下操作：

将

d-flex

类添加到父元素中（

col

在本例中，也可以是容器内的另一个

div

）

将

align self-center

类添加到文本元素

更简单的方法是将上边距（

mt-3

）移动到父元素

下面是两个用于比较的示例（单击下面的“运行代码段”按钮）：

添加新网站
添加新网站

只需删除顶部边距

mt-3

。。。它偏离了垂直方向

<span class="align-middle">
        <button class="btn btn-primary btn-sm">
            <span class="fa fa-plus"></span>
        </button>
        <small>Add new website</small>
</span>

添加新网站

---

是否尝试垂直居中文本？是尝试垂直居中