bootstrap3官方文档模态框无法使用的问题

原创

忽如一夜春风来呸 2022-11-21 20:00:36 博主文章分类：前端记录 ©著作权

文章标签 javascript 模态框中文文档 文章分类 jQuery 前端开发

©著作权归作者所有：来自51CTO博客作者忽如一夜春风来呸的原创作品，请联系作者获取转载授权，否则将追究法律责任

bootstrap3官方中文文档[https://v3.bootcss.com/javascript/]中的javascript插件里的模态框在点击按钮时无法弹出模态框的问题，抛开什么jquery导入位置、版本问题！

bootstrap3官方文档模态框无法使用的问题_中文文档

<!-- Large modal -->
<button type="button" class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-lg">Large modal</button>

# 下面类中class="modal fade" 少了一个bs-example-modal-lg，需要与button按钮中的data-target属性一致，但不需要<.>
<div class="modal fade" 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" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
  <div class="modal-dialog modal-sm" role="document">
    <div class="modal-content">
      ...
    </div>
  </div>
</div>