twitter-bootstrap - 如何更改 Bootstrap 确认宽度

Question

我正在使用 Bootstrap 确认 ( http://bootstrap-confirmation.js.org/ ) 插件。

<div class="col-xs-4 actions">
    <span class="btn btn-danger remove" data-confirm="confirmation" 
          confirm-title="Do you really want to remove item?" 
          data-singleton="true"><i class="fa fa-trash"></i></span>
</div>

$('[data-confirm=confirmation]').confirmation({
    title: function () { return $(this).attr("confirm-title"); },
    placement: 'bottom',
    btnOkClass: 'btn-xs btn-danger',
    btnOkLabel: '<i class="icon-ok-sign icon-white"></i> Tak',
    btnOkIcon: 'glyphicon glyphicon-trash',
    btnCancelLabel: '<i class="icon-remove-sign"></i> Nie',
    popout: true
});

确认弹出框太窄。如何增加此弹出窗口的宽度？

Answer 1

解决方案是传递容器参数，如下所示:

$('[data-confirm=confirmation]').confirmation({
    title: function () { return $(this).attr("confirm-title"); },
    placement: 'bottom',
    btnOkClass: 'btn-xs btn-danger',
    btnOkLabel: '<i class="icon-ok-sign icon-white"></i> Tak',
    btnOkIcon: 'glyphicon glyphicon-trash',
    btnCancelLabel: '<i class="icon-remove-sign"></i> Nie',
    container: 'body',
    popout: true
});