如何更改 bootstrap 确认宽度
How to change bootstrap confirmation width
我正在使用 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
});
确认弹出窗口太窄。如何增加这个弹出窗口的宽度?
解决方案是像这样传递容器参数:
$('[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
});
我正在使用 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
});
确认弹出窗口太窄。如何增加这个弹出窗口的宽度?
解决方案是像这样传递容器参数:
$('[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
});