javascript - Bootstrap 图像弹出窗口

Question

我正在使用 Bootstrap 并有一个按钮:

 <button type="button" class="btn btn-primary">Popup image</button>

我在同一个目录中有一张图片，如果可能的话，我想在背景为灰色的某种叠加层中弹出它。我习惯了 javascript，所以通常会做类似 onclick 的事情，然后调用一个函数来完成它。但是在 Bootstrap 中，我不确定如何执行此操作。谢谢

Answer 1

你可以这样做......

<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">Popup image</button>

<div id="myModal" class="modal fade" tabindex="-1" role="dialog">
  <div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-body">
            <img src="//placehold.it/1000x600" class="img-responsive">
        </div>
    </div>
  </div>
</div>

演示:http://www.bootply.com/123443