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即可。

转载于:https://www.cnblogs.com/AppleGold/p/4118518.html