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