1" data-backdrop="static" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog <em>modal-lg</em>
fade ex-modal-lg" tabindex="-1" role="dialog" aria-labelledby="largerModal"> <div class="modal-dialog <em>modal-lg</em>
fade }]" data-keyboard="true" data-backdrop="static" tabindex="-1"> <div class="modal-dialog <em>modal-lg</em>
1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="false"> <div class="modal-dialog <em>modal-lg</em>
div id="filesModal" class="modal fade" tabindex="-1" role="dialog"> <div class="modal-dialog <em>modal-lg</em>
弹出框的内容: <div class="modal-dialog <em>modal-lg</em>
默认情况下弹出框的宽度比较小,不适合要求,bootstrap中提供了modal-dialog的三个选项,大、默认、小(modal-lg最大,默认中,modal-sm最小)。
可以为model-dialog类增加modal-lg或者modal-sm可以创建大号的模态框或者小号的模态框。
modal-body 弹出层的主体区域 modal-footer 弹出层的底部区域 fade 让弹出层有一个运动的效果,加给弹出层父级 示例代码如下: 模态框又有大小,modal-lg... <div class="modal-header
bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"> <div class="modal-dialog <em>modal-lg</em>
fade" id="customer_modal" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog <em>modal-lg</em>
style="display: none" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog <em>modal-lg</em>
1" role="dialog" aria-labelledby="myLargeModalLabel" id="myModal"> <div class="modal-dialog <em>modal-lg</em>
myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog <em>modal-lg</em>
="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog <em>modal-lg</em>
注意上面代码里面的对话框样式代码,如下: 如果是其他两个尺寸的数据库,也只需要修改这里即可,如下所示两种代码分别是: <div class="modal-dialog <em>modal-lg</em>
领取专属 10元无门槛券
手把手带您无忧上云