Twitter bootstrap 引导3个模式页脚对齐按钮,位于两侧边缘

Twitter bootstrap 引导3个模式页脚对齐按钮,位于两侧边缘,twitter-bootstrap,Twitter Bootstrap,如何对齐modal页脚中的按钮,使其位于modal的两侧?默认行为设置靠近右边缘的所有按钮,但我需要右上角的“关闭”按钮和左上角的另一个按钮。您可以向要向左对齐的按钮添加类向左拉 在下面的示例中,关闭按钮将与右侧对齐,其他按钮将与左侧对齐 示例页脚代码: <div class="modal-footer"> <button type="button" class="btn btn-primary pull-left" style="">Save changes&l

如何对齐modal页脚中的按钮,使其位于modal的两侧?默认行为设置靠近右边缘的所有按钮,但我需要右上角的“关闭”按钮和左上角的另一个按钮。

您可以向要向左对齐的按钮添加类
向左拉

在下面的示例中,
关闭
按钮将与
右侧对齐
,其他按钮将与
左侧对齐

示例页脚代码:

<div class="modal-footer">
    <button type="button" class="btn btn-primary pull-left" style="">Save changes</button>
    <button type="button" class="btn btn-primary pull-left" style="">Save changes1</button>
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>

&时代;
确认书
是否要保存关闭前对文档所做的更改?

如果不保存,所做的更改将丢失。

保存更改 保存更改 接近
与Phani的答案类似,但现在可视化并使用非内联CSS类

$('myModal').modal('show')
.modal.modal页脚按钮{
浮动:左;
}

&时代;
情态标题
...
接近
保存更改