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