首页 > 技术文章 > 模态框复制粘贴到页面怎么使用

wangcuican 2019-09-27 16:31 原文

比如下面这个模态框:点击按钮会弹出一个模态框。

情景:假如现在是点击修改密码会弹出这个模态框,先把红色的代码复制到对应页面某处(哪里都可以,放至好就行),然后把绿色的代码复制到修改密码这几个字的样式中,点击修改密码就会出现这个模态框样式了。

<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" role="document">
    <div class="modal-content">
      ...
    </div>
  </div>
</div>

<!-- Small modal -->
<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" role="document">
    <div class="modal-content">
      ...
    </div>
  </div>
</div>

 

推荐阅读