bootstrap中模态框的大小设置；

时间：2017-01-22 21:24:22 收藏：0 阅读：5737

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>