bootsrap ui莫代尔大小

Question

我正在创建一个模态：

"queryPlanner" : {
                                        "plannerVersion" : 1,
                                        "namespace" : "db.xxx",
                                        "indexFilterSet" : false,
                                        "parsedQuery" : {
                                                "id" : {
                                                        "$eq" : 122
                                                }
                                        },
                                        "winningPlan" : {
                                                "stage" : "FETCH",
                                                "inputStage" : {
                                                        "stage" : "IXSCAN",
                                                        "keyPattern" : {
                                                                "id" : 1,
                                                                "date" : 1
                                                        },
                                                        "indexName" : "id_1_date_1",
                                                        "isMultiKey" : false,
                                                        "direction" : "forward",
                                                        "indexBounds" : {
                                                                "id" : [
                                                                        "[122.0, 122.0]"
                                                                ],
                                                                "date" : [
                                                                        "[MinKey, MaxKey]"
                                                                ]
                                                        }
                                                }
                                        },
                                        "rejectedPlans" : [ ]
                                }

有没有办法通过属性大小增加更大的宽度？

Answer 1

来自docs：

  

size（类型：string，示例：lg） - 模态窗口类的可选后缀。使用的值附加到模态类，即值sm给modal-sm。

也许创建自己的CSS类并使其达到你想要的大小？

Answer 2

我会将size选项设置为我的customOption（例如：mySize）并创建一个CSS类，如下所示。

.modal-mySize {
   width: 1130px;
}

Answer 3

您好，您可以覆盖模态的css类。

示例：

.modal-dialog {
    width: 35%;
}

    .modal-dialog .modal-lg {
        width: 60%;
    }