Question

我试图让模式出现在投资组合点击中，但它不起作用..但是当我使用常规按钮时，模态会出现。

无效的投资组合按钮：

<a href="#myModal1" class="portfolio-box">
  <img src="img/portfolio/1.jpg" class="img-responsive" alt="">
     <div class="portfolio-box-caption">
          <div class="portfolio-box-caption-content">
             <div class="project-name">
                   School
             </div>
          </div>
     </div>
</a>

有效的按钮代码：

 <a data-toggle="modal" href="#myModal1" class="btn btn-primary btn-lg">School Backpack</a>

模态：

<div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
  <div class="modal-content">
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
      <h4 class="modal-title">School Backpack</h4>
    </div>
    <div class="modal-body">
      ...
    </div>

Answer 1

您缺少data-toggle="modal"属性，当您单击按钮时，引导程序需要知道该怎么做。

您的按钮代码应为：

<a data-toggle="modal" href="#myModal1" class="portfolio-box">

希望这有帮助！

Bootstrap，Portfolios，＆amp;语气

1 个答案: