Bootstrap 4 引导4和引导盒主体水平滚动？

我有一行具有长名称的列。我必须在引导对话框中显示这些数据。下面是我的代码示例：

$（函数（）{
$（'[data toggle=“tooltip”]'）。tooltip（）
})
$（'.open dialog'）。在（'click'，function（）上{
var dialog_msg=$（'.container'）.html（）；
bootbox.alert({
尺码：“xl”，
标题：“对话标题”，
消息：对话框\u msg，
回调：函数（）{/*您的回调代码*/}
})
});

显示对话框
第1栏
第2栏
第3栏
第4栏
第5栏
第6栏
第7栏
第8栏
第9栏
第10栏
第11栏
第12栏
您的代码片段存在一些问题（重复的jQuery），并且您使用的Bootbox版本（4.4.0）不支持
xl
大小。忽略那些

使用
className
选项将自定义CSS类添加到对话框中，然后添加规则以获得水平滚动：

bootbox.alert({
    /* ... your existing options ... */

    className: 'scroll-modal-body-horizontal'
});

然后

您的代码段已更新，某些引用已修复：


$（函数（）{
$（'[data toggle=“tooltip”]'）。tooltip（）
})
$（'.open dialog'）。在（'click'，function（）上{
var dialog_msg=$（'.container'）.html（）；
bootbox.alert({
尺码：“xl”，
标题：“对话标题”，
消息：对话框\u msg，
className:“水平滚动模态体”，
回调：函数（）{/*您的回调代码*/}
})
});
。水平滚动模态体。模态体
{
最大宽度：100%；
溢出-x：自动；
}

显示对话框
第1栏
第2栏
第3栏
第4栏
第5栏
第6栏
第7栏
第8栏
第9栏
第10栏
第11栏
第12栏
您的代码片段存在一些问题（重复的jQuery），并且您使用的Bootbox版本（4.4.0）不支持
xl
大小。忽略那些

使用
className
选项将自定义CSS类添加到对话框中，然后添加规则以获得水平滚动：

bootbox.alert({
    /* ... your existing options ... */

    className: 'scroll-modal-body-horizontal'
});

然后

您的代码段已更新，某些引用已修复：


$（函数（）{
$（'[data toggle=“tooltip”]'）。tooltip（）
})
$（'.open dialog'）。在（'click'，function（）上{
var dialog_msg=$（'.container'）.html（）；
bootbox.alert({
尺码：“xl”，
标题：“对话标题”，
消息：对话框\u msg，
className:“水平滚动模态体”，
回调：函数（）{/*您的回调代码*/}
})
});
。水平滚动模态体。模态体
{
最大宽度：100%；
溢出-x：自动；
}

显示对话框
第1栏
第2栏
第3栏
第4栏
第5栏
第6栏
第7栏
第8栏
第9栏
第10栏
第11栏
第12栏