Html 引导模态问题

我这里有两个引导模态。一个用于发送消息，另一个用于共享。每个模态由不同的链接元素触发。问题是，一次似乎只有一种模式有效。因此，如果我删除第一个，第二个开始显示。有人能帮忙吗？这里发生了什么事

这是密码

&时代；
分享这篇文章
Lorem Ipsum只是印刷和排版行业的虚拟文本。乱数假文
自16世纪以来，一直是行业标准的虚拟文本，当时一个未知的
印刷工拿起一个铅字厨房，把它翻成一本铅字样本书。
分享我的
分享
&时代；
模态头
模态中的一些文本

接近

您的共享模式在其组成中有不正确的结束标记

你能试试这个吗

<!-- SHARE Modal -->

<!-- Modal -->
<div id="shareModal" class="modal fade" role="dialog">
  <div class="modal-dialog">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>

        <!-- modal header content -->
        <div class="row"> 
          <div class="col-sm-2"> <img class="" src="images/poster-image - Modal.jpg"/> </div><!-- /col-sm- 1 -->

          <div class="col-sm-10"> <h4 class="modal-title txt-highlighted">Share this post</h4> </div><!-- /col-sm-11 -->
          </div><!-- end row-->
        <!-- /modal header content -->
      </div>
    <div class="modal-body">
    <!--Modal body Content -->
      <div class="row"> 
        <div class="col-sm-9">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's  standard dummy text ever since the 1500s, when an unknown 
printer took a galley of type and scrambled it to make a type specimen book. 
        </div>

        <!-- modal pic -->
        <div class="col-sm-3 " style="padding-left:7%;"><span class="img-product-modal-frame"><img src="images/img-product.jpg"/> </span> 
        </div>
      <!-- modal pic -->
      </div>
        <!-- Modal body Content -->
      </div>
      <div class="modal-footer">
        <!-- Modal Footer content -->
        <div class="row">
       <!-- footer left section -->
          <div class="col-sm-10"> 
            <div class="col-sm-2 text-left no-padd-left"> 
              Share on my 
            </div>
            <div class="col-sm-2"> 
              <div class="checkbox-inline"> 
                <input type="checkbox" class="modal-checkbox "/><img src="images/fb-grey.gif"/>
              </div>
            </div><!-- col-sm-2-->
            <div class="col-sm-2"> 
              <div class="checkbox-inline"> 
                <input type="checkbox"/> <img src="images/twitter-grey.gif"/>
              </div>
            </div><!-- col-sm-2-->
              <div class="col-sm-2"> 
                <div class="checkbox-inline"> 
                  <input type="checkbox"/> <img src="images/linkedin-grey.gif"/>
                </div>
              </div><!-- col-sm-2-->

        </div><!--/footer left section -->

        <div class="col-sm-2"><button type="button" class="btn btn-default" data-dismiss="modal">Share</button> </div><!-- footer right section -->
      </div>
      <!-- /Modal Footer content -->
      </div>
    </div>
  </div>
</div>

<!-- /SHARE MODAL -->

&时代；
分享这篇文章
Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一个未知的
印刷工拿起一个铅字厨房，把它翻成一本铅字样本书。
分享我的
分享

---

取代原来的共享模式？

你说的“一次一个”是什么意思？你需要同时显示它们吗？很抱歉理解错误。所以这两个模态都是由两个独立的链接触发的。共享模式无论如何都是有效的。但是为了使消息模式工作，我必须删除共享模式的所有代码。没问题，很高兴你找到了答案谢谢，非常感谢！！！我真傻，没弄明白。你能分享一些关于如何快速识别这些闭包问题的技巧或工具吗？当然@user3772369我用来检查html代码的解释，Sublime text是一个文本编辑器，它突出显示了开口及其匹配的闭包标记。