bootstrap插件bootbox参数和自定义弹出框宽度设置

插件官方地址：http://bootboxjs.com/

alert：

1	bootbox.alert("Hello world!", function() {});

dialog：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47

bootbox.dialog({   // dialog的内容   message: "I am a custom dialog",       // dialog的标题   title: "Custom title",       // 退出dialog时的回调函数，包括用户使用ESC键及点击关闭   onEscape: function() {},       // 是否显示此dialog，默认true   show: true,       // 是否显示body的遮罩，默认true   backdrop: true,       // 是否显示关闭按钮，默认true   closeButton: true,       // 是否动画弹出dialog，IE10以下版本不支持   animate: true,       // dialog的类名   className: "my-modal",       // dialog底端按钮配置   buttons: {           // 其中一个按钮配置     success: {          // 按钮显示的名称       label: "Success!",               // 按钮的类名       className: "btn-success",               // 点击按钮时的回调函数       callback: function() {}     },           // 另一个按钮配置     "Danger!": {       className: "btn-danger",       callback: function() {}     }   } });

默认的modal是固定宽度的，bootbox也不例外，那么如何让弹出框能自定义宽度呢？我们可以利用上面提到的dialog的className，定义一个class，然后对class设置width即可。