asp.net-mvc-4 - ブートストラップ アラートと確認ダイアログ ボックス + モーダルで作成

Question

ブートストラップをモーダルにして、ブートストラップアラートでダイアログボックスを確認したい。

それで、実装する方法を教えてください。

js ファイルを追加する必要がありますか?

ブートストラップで指定された単純なヘッダーメッセージと同じにしたくないので、モーダルで作成したい...

わかる方いたら教えてください..

Answer 1

modal + alert のブートストラップのクラスをカスタマイズする必要があります

"<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;}