bootstrap模态框（modal）不显示

原创已于 2022-02-14 16:27:56 修改 · 2.7k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #css

于 2022-02-14 16:23:14 首次发布

官方文档是这个代码
JavaScript 插件
一直运行不出来

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

<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>

找到了另一种写法的，可以正常运行（可能是版本更新的问题）

<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>