如何水平对齐一组按钮

Question

这个结果

<div class="btn-group">
        <button class="btn btn-default pull-left" type="submit"><i class="glyphicon glyphicon-search"></i> Search</button>

        <div class="divider"></div>

        <div>
            @Html.ActionLink("Reset filters", "Index",
    null,
    new { @class = "btn btn-success custom pull-left", @style = "color:white", @role = "button" }
    )
        </div>

        <button class="btn btn-default custom pull-right" type="submit"><i class="glyphicon glyphicon-file"></i> Export to Excel</button>

    </div>

这是

我错过了什么？ 我想要左边的两个第一个按钮，右边的导出一个（水平对齐）。

.divider{
    width:20px;
    height:auto;
    display:inline-block;
}
.custom {
    width: 160px !important;
}

编辑：我的意思是水平

Answer 1

您可能错过了应该处理它的引导程序样式表，看它是否已加载。 或者使用类似这样的样式和测试：.pull-right {float:right}