Html 只有一种引导模式有效

我已经使用过Bootstrap，但是我不明白为什么除了我的第一个公文包外，我的modals不能工作。数据目标和id匹配

    <a href="#lax-it" class="portfolio-link" data-toggle="modal" data-target="#lax-it">

    <!-- Laxadazikal -->
    <div class="modal fade bs-example-modal-lg" id="lax-it" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
      <div class="modal-dialog modal-lg">
        <div class="modal-content" style="padding:5px;">
          <h2 class="text-center">Laxidazikal</h2>
          <div class="row">
          <div class="col-md-10 col-md-offset-1">
            <hr>
            <p>Laxidazikal is a website for a lacrosse company. It is an ecommerce website as well as a business portfolio website. Kitchel needed an ecommerce store as well as training information and we loved the turn out. <br> <br> You can visit the website by clicking <a href="https://conneraiken.com/lax">here.</a></p>    
          </div>
          <div class="col-md-4" style="margin-left:37%;">
            <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Close Project </button>
          </div>
        </div>
      </div>
    </div>
  </div>

关闭项目

您的

将来，你应该考虑使用这个工具来检查这些HTML问题。

---

这里有一个问题。

我的回答有助于解决您的问题吗？如果是，请将我的问题标记为已接受的答案！

<a href="#lax-it" class="portfolio-link" data-toggle="modal" data-target="#lax-it">Click me to open up a modal dialog!</a>