Css 引导模式：使整列可点击

我正在测试一些模态窗口，正如您现在看到的，单击/触摸播放按钮可以切换模态

我的问题是：有没有可能让整个栏目都可以点击并打开情态动词

我还尝试使用数据目标为整个div定义一个数据切换，但没有任何结果

这是HTML代码：

<!-- Button trigger modal -->
<i class="fa fa-play btn btn-lg" aria-hidden="true" type="button" data-toggle="modal" data-target="#myModal"></i>
</div>
<!-- Modal -->
<div class="modal fade modal-video" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
 <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
    <h4 class="modal-title" id="myModalLabel">Title 1</h4>
  </div>
  <div class="modal-body">
      <video controls="" width="100%" id="video">
      <source src="http://clips.vorwaerts-gmbh.de/VfE_html5.mp4" type="video/mp4">
      </video>
      <div class="modal-text">
          <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr.</p>
      </div>
  </div>
  <div class="modal-footer">
    <button type="button" class="btn button-eh-magenta">Go to Shop</button>
    <a href=""><button type="button" class="btn button-eh-magenta">Share</button></a>
  </div>
</div>

&时代；
标题1
Lorem ipsum Door sit amet，consetetur Sadipsing Eliter

去商店

---

单击打开模式，您可以为您的div分配所需的id，并执行以下操作：

$('#specified_div').click(function(){
    $('#targetmodal').modal();
});

另一种方法是通过单击id为打开的元素模式，将

data toggle=“modal”

和

data target=“#targetmodal”

添加到所需的任何元素

---

以下是引导网站的报价：

通过数据属性

在不编写JavaScript的情况下激活模态。设置

data toggle=“modal”

在控制器元素上，如按钮，以及

data target=“#foo”

或

href=“#foo”

以特定模式为目标 切换

<button type="button" data-toggle="modal" data-target="#myModal">Launch modal</button>

---

您好，我已经尝试将数据切换和数据目标分配给div，但结果是无法关闭模式。没有错误。您可以看一看，我已经为第一列应用了数据目标，并按照您的建议切换了数据。碰巧模态没有关闭。将模态div从内部col-md-6 div中移出，我从内部div中取出了代码，并在div上设置了数据属性，它工作正常（当然我只是将其设置为red div:D@Roxana）

$('#myModal').modal(options)