首页 > 代码库 > bootstrap中模态框的大小设置；

bootstrap中模态框的大小设置；

2024-09-02 02:44:15   217人阅读

bootstrap模态框调节大小：

大尺寸：黑体加大的字体，是更改的代码

<!-- 大模态框的调节 --><button type="button" class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-lg">Large modal</button><div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">  <div class="modal-dialog modal-lg">    <div class="modal-content">      ...    </div>  </div></div>

小尺寸：黑体加大的字体，是更改的代码

<!-- 小尺寸的调节 --><button type="button" class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-sm">Small modal</button><div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">  <div class="modal-dialog modal-sm">    <div class="modal-content">      ...    </div>  </div></div>

 

bootstrap中模态框的大小设置；


联系
我们