Question

我想制作Bootstrap模式并使用bootstrap alert确认对话框。

那么你能不能给我一些如何实施的步骤？

我是否需要添加任何js文件？

我不想像引导程序一样简单地使用标题消息，我想用模态制作...

如果有人知道，请告诉我。

Answer 1

您需要为模态+警报

自定义某类引导程序

"<div id=\"myModal\" class=\"modal hide fade custom-modal\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">"+
                                                       "<div class=\"alert alert-danger fade in custom-alert\">"+
                                                    "<strong>Please select atleast one favourite user.</strong>"+
                                                    "</div><div class=\"modal-footer custom-modal-footer\">"+
                                                    "<button class=\"Custom-alert-close\" data-dismiss=\"modal\" aria-hidden=\"true\">Ok</button></div></div>";

// CSS

.custom-modal{padding:0%!important; margin-bottom :0% !important; top:30%!important}
.custom-alert{margin-bottom :0% !important;padding:6% !important;text-align:center;}
.custom-modal-footer{background-color:#F2DEDE !important;border-radius:0 0 6px 6px !important;padding:7px 15px 15px !important;text-align:center!important; border-top:0px!important;}
.Custom-alert-close{background-color:#B94A48;border-radius:4px 4px 4px 4px;padding:4px 12px; border:0px;color:#FFF;}

Bootstrap警报并确认对话框+使用模态进行制作

1 个答案: