谢邀，Bootstrap 不支持多模态框。Multiple open modals not supported 【bootstrap多模态框问题?】 Be sure not to open a modal while another is still visible. Showing more than one modal at a time requires custom code.
Via. JavaScript · Bootstrap

■网友
这个我碰上了，点了右边就有边距，于是强制用csspadding-right:0!important;了
■网友
去掉css里的overflow
■网友
不能同时显示多个模态框。你可以在模态框里做well
■网友
bootstrap点开第二个模态框的时候第一个模态框会默认关闭 0.0
■网友
我不是前端，但是用过bootstrap。bootstrap貌似只是不支持多个模态框同时显示，但是可以多个模态框切换。我没有遇到题主的情况。源码如下：\u0026lt;!DOCTYPE html\u0026gt;\u0026lt;html\u0026gt;\t\u0026lt;head\u0026gt;\t\t\u0026lt;meta charset="utf-8" /\u0026gt;\t\t\u0026lt;link rel="stylesheet" href="https://www.zhihu.com//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css"\u0026gt;\t\t\u0026lt;script src="https://www.zhihu.com//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"\u0026gt;\u0026lt;/script\u0026gt;\t\t\u0026lt;script src="https://www.zhihu.com//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"\u0026gt;\u0026lt;/script\u0026gt;\t\t\u0026lt;script\u0026gt;\t\t\t$(document).ready(function() {\t\t\t\t$("#sign_in_fram").modal("toggle");\t\t\t\t$("#sign_in_btn").click(function(){\t\t\t\t\t$("#sign_up_fram").modal("toggle");\t\t\t\t\t$("#sign_in_fram").modal("toggle");\t\t\t\t});\t\t\t\t$("#sign_up_btn").click(function(){\t\t\t\t\t$("#sign_in_fram").modal("toggle");\t\t\t\t\t$("#sign_up_fram").modal("toggle");\t\t\t\t});\t\t\t});\t\t\u0026lt;/script\u0026gt;\t\t\u0026lt;style\u0026gt;\t\t\t.modal-dialog{\t\t\t\twidth: 35%;\t\t\t}\t\t\u0026lt;/style\u0026gt;\t\t\u0026lt;title\u0026gt;多模态框切换\u0026lt;/title\u0026gt;\t\u0026lt;/head\u0026gt;\t\u0026lt;body\u0026gt;\t\t\t\t\u0026lt;!-- \t作者：yuhengsun@qq.com \t时间：2016-06-27 \t描述：登入模态筐 --\u0026gt;\t\t\u0026lt;div class="modal fade" tabindex="-1" role="dialog" id="sign_in_fram"\u0026gt;\t\t\t\u0026lt;div class="modal-dialog"\u0026gt;\t\t\t\t\u0026lt;div class="modal-content"\u0026gt;\t\t\t\t\t\u0026lt;div class="modal-header"\u0026gt;\u0026lt;!--\t\t\t\t\t\t\u0026lt;button type="button" class="close" data-dismiss="modal" aria-label="Close"\u0026gt;\u0026lt;span aria-hidden="true"\u0026gt;\u0026amp;times;\u0026lt;/span\u0026gt;\u0026lt;/button\u0026gt;--\u0026gt;\t\t\t\t\t\t\u0026lt;h4 class="modal-title"\u0026gt;多模态框切换\u0026lt;/h4\u0026gt;\t\t\t\t\t\u0026lt;/div\u0026gt;\t\t\t\t\t\u0026lt;div class="modal-body"\u0026gt;\t\t\t\t\t\t\u0026lt;div class="row"\u0026gt;\t\t\t\t\t\t\t\u0026lt;div class="col-xs-offset-4 col-xs-4"\u0026gt;\u0026lt;h2 class="text-center"\u0026gt;登入\u0026lt;/h2\u0026gt;\u0026lt;/div\u0026gt;\t\t\t\t\t\t\u0026lt;/div\u0026gt;\t\t\t\t\t\t\u0026lt;form class="form-horizontal"\u0026gt;\t\t\t\t\t\t\t\u0026lt;div class="form-group"\u0026gt;\t\t\t\t\t\t\t\t\u0026lt;label for="inputEmail" class="col-xs-2 control-label"\u0026gt;邮箱\u0026lt;/label\u0026gt;\t\t\t\t\t\t\t\t\u0026lt;div class="col-xs-10"\u0026gt;\t\t\t\t\t\t\t\t\t\u0026lt;input type="email" class="form-control" id="inputEmail" placeholder="Email"\u0026gt;\t\t\t\t\t\t\t\t\u0026lt;/div\u0026gt;\t\t\t\t\t\t\t\u0026lt;/div\u0026gt;\t\t\t\t\t\t\t\u0026lt;div class="form-group"\u0026gt;\t\t\t\t\t\t\t\t\u0026lt;label for="inputPassword" class="col-xs-2 control-label"\u0026gt;密码\u0026lt;/label\u0026gt;\t\t\t\t\t\t\t\t\u0026lt;div class="col-xs-10"\u0026gt;\t\t\t\t\t\t\t\t\t\u0026lt;input type="password" class="form-control" id="inputPassword" placeholder="Password"\u0026gt;\t\t\t\t\t\t\t\t\u0026lt;/div\u0026gt;\t\t\t\t\t\t\t\u0026lt;/div\u0026gt;\t\t\t\t\t\t\t\u0026lt;div class="form-group"\u0026gt;\t\t\t\t\t\t\t\t\u0026lt;div class="col-xs-offset-2 col-xs-10"\u0026gt;\t\t\t\t\t\t\t\t\t\u0026lt;div class="checkbox"\u0026gt;\t\t\t\t\t\t\t\t\t\t\u0026lt;label\u0026gt; \t\t\t\t\t\t\u0026lt;input class="pull-left" type="checkbox"/\u0026gt;记住密码 \t\t\t\t\t\t\u0026lt;/label\u0026gt;\t\t\t\t\t\t\t\t\t\t\u0026lt;a class="pull-right" id="forgetPassword"\u0026gt;忘记密码？\u0026lt;/a\u0026gt;\t\t\t\t\t\t\t\t\t\u0026lt;/div\u0026gt;\t\t\t\t\t\t\t\t\u0026lt;/div\u0026gt;\t\t\t\t\t\t\t\u0026lt;/div\u0026gt;\t\t\t\t\t\t\t\u0026lt;div class="form-group"\u0026gt;\t\t\t\t\t\t\t\t\u0026lt;div class="col-xs-offset-2 col-xs-10"\u0026gt;\t\t\t\t\t\t\t\t\t\u0026lt;button type="button" class="btn btn-default" id="sign_in_cmt"\u0026gt;登入\u0026lt;/button\u0026gt;\t\t\t\t\t\t\t\t\t\u0026lt;button type="button" class="btn btn-default" id="sign_up_btn"\u0026gt;注册\u0026lt;/button\u0026gt;\t\t\t\t\t\t\t\t\u0026lt;/div\u0026gt;\t\t\t\t\t\t\t\u0026lt;/div\u0026gt;\t\t\t\t\t\t\u0026lt;/form\u0026gt;\t\t\t\t\t\u0026lt;/div\u0026gt;\t\t\t\t\t\u0026lt;div class="modal-footer"\u0026gt;\t\t\t\t\t\t\u0026lt;footer class="footer"\u0026gt;power by StarFish-余恒|yuhengsun@live.com\u0026lt;/footer\u0026gt;\t\t\t\t\t\u0026lt;/div\u0026gt;\t\t\t\t\u0026lt;/div\u0026gt;\t\t\t\u0026lt;/div\u0026gt;\t\t\u0026lt;/div\u0026gt;\t\t\u0026lt;!-- \t作者：yuhengsun@qq.com \t时间：2016-06-27 \t描述：注册模态框 --\u0026gt; \u0026lt;div class="modal fade" tabindex="-1" role="dialog" id="sign_up_fram"\u0026gt;\t\t\t\u0026lt;div class="modal-dialog" style="width: 30%;"\u0026gt;\t\t\t\t\u0026lt;div class="modal-content"\u0026gt;\t\t\t\t\t\u0026lt;div class="modal-header"\u0026gt;\u0026lt;!--\t\t\t\t\t\t\u0026lt;button type="button" class="close" data-dismiss="modal" aria-label="Close"\u0026gt;\u0026lt;span aria-hidden="true"\u0026gt;\u0026amp;times;\u0026lt;/span\u0026gt;\u0026lt;/button\u0026gt;--\u0026gt; \t\t\t\t\t\t\u0026lt;h4 class="modal-title"\u0026gt;多模态框切换\u0026lt;/h4\u0026gt;\t\t\t\t\t\u0026lt;/div\u0026gt;\t\t\t\t\t\u0026lt;div class="modal-body"\u0026gt;\t\t\t\t\t\t\u0026lt;div class="row"\u0026gt;\t\t\t\t\t\t\t\u0026lt;div class="col-xs-offset-4 col-xs-4"\u0026gt;\u0026lt;h2 class="text-center"\u0026gt;注册\u0026lt;/h2\u0026gt;\u0026lt;/div\u0026gt;\t\t\t\t\t\t\u0026lt;/div\u0026gt;\t\t\t\t\t\t\u0026lt;form class="form-horizontal"\u0026gt;\t\t\t\t\t\t\t\u0026lt;div class="form-group"\u0026gt;\t\t\t\t\t\t\t\t\u0026lt;label for="inputEmail" class="col-xs-2 control-label"\u0026gt;邮箱\u0026lt;/label\u0026gt;\t\t\t\t\t\t\t\t\u0026lt;div class="col-xs-10"\u0026gt;\t\t\t\t\t\t\t\t\t\u0026lt;input type="email" class="form-control" id="inputEmail" placeholder="Email"\u0026gt;\t\t\t\t\t\t\t\t\u0026lt;/div\u0026gt;\t\t\t\t\t\t\t\u0026lt;/div\u0026gt;\t\t\t\t\t\t\t\u0026lt;div class="form-group"\u0026gt;\t\t\t\t\t\t\t\t\u0026lt;label for="inputPassword" class="col-xs-2 control-label"\u0026gt;密码\u0026lt;/label\u0026gt;\t\t\t\t\t\t\t\t\u0026lt;div class="col-xs-10"\u0026gt;\t\t\t\t\t\t\t\t\t\u0026lt;input type="password" class="form-control" id="inputPassword" placeholder="Password"\u0026gt;\t\t\t\t\t\t\t\t\u0026lt;/div\u0026gt;\t\t\t\t\t\t\t\u0026lt;/div\u0026gt;\t\t\t\t\t\t\t\u0026lt;div class="form-group"\u0026gt;\t\t\t\t\t\t\t\t\u0026lt;label for="reInputPassword" class="col-xs-2 control-label"\u0026gt;重复密码\u0026lt;/label\u0026gt;\t\t\t\t\t\t\t\t\u0026lt;div class="col-xs-10"\u0026gt;\t\t\t\t\t\t\t\t\t\u0026lt;input type="password" class="form-control" id="reInputPassword" placeholder="Password"\u0026gt;\t\t\t\t\t\t\t\t\u0026lt;/div\u0026gt;\t\t\t\t\t\t\t\u0026lt;/div\u0026gt;\t\t\t\t\t\t\t\u0026lt;div class="form-group"\u0026gt;\t\t\t\t\t\t\t\t\u0026lt;label for="inputInviteCode" class="col-xs-2 control-label"\u0026gt;邀请码\u0026lt;/label\u0026gt;\t\t\t\t\t\t\t\t\u0026lt;div class="col-xs-10"\u0026gt;\t\t\t\t\t\t\t\t\t\u0026lt;input type="text" class="form-control" id="inputInviteCode" placeholder="inviteCode"\u0026gt;\t\t\t\t\t\t\t\t\u0026lt;/div\u0026gt;\t\t\t\t\t\t\t\u0026lt;/div\u0026gt;\t\t\t\t\t\t\t\u0026lt;div class="form-group"\u0026gt;\t\t\t\t\t\t\t\t\u0026lt;div class="col-xs-offset-2 col-xs-10"\u0026gt;\t\t\t\t\t\t\t\t\t\u0026lt;button type="button" class="btn btn-default" id="sign_up_cmt" \u0026gt;注册\u0026lt;/button\u0026gt;\t\t\t\t\t\t\t\t\t\u0026lt;button type="button" class="btn btn-default" id="sign_in_btn" \u0026gt;登入\u0026lt;/button\u0026gt;\t\t\t\t\t\t\t\t\u0026lt;/div\u0026gt;\t\t\t\t\t\t\t\u0026lt;/div\u0026gt;\t\t\t\t\t\t\u0026lt;/form\u0026gt;\t\t\t\t\t\u0026lt;/div\u0026gt;\t\t\t\t\t\u0026lt;div class="modal-footer"\u0026gt;\t\t\t\t\t\t\u0026lt;footer class="footer"\u0026gt;power by StarFish-余恒|yuhengsun@live.com\u0026lt;/footer\u0026gt;\t\t\t\t\t\u0026lt;/div\u0026gt;\t\t\t\t\u0026lt;/div\u0026gt;\t\t\t\u0026lt;/div\u0026gt;\t\t\u0026lt;/div\u0026gt;\t\t\u0026lt;/div\u0026gt;\u0026lt;/html\u0026gt;