javascript - 如何使 Bootstrap 模式宽度适应包含的图像

Question

我正在使用 bootstrap modal 创建一个缩略图画廊，当点击它的缩略图时，它会显示全尺寸图像的尝试。

我设法使一切正常工作并稍微更改了 css，但我找不到更改模态 div 宽度以适应 in 中图像的方法。基本上我想这样做以便显示图像全尺寸。

这是我的 HTML:

<div id="galeria" class="modal fade" tabindex="-1" role="dialog">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">×</button>
        <div class="modal-body"></div>
      </div>
    </div>
  </div>
</div>

我应该怎么做才能实现我的目标？我正在使用 Bootstrap 3。

Answer 1

试试 boostrap 图片库模块

http://blueimp.github.io/Bootstrap-Image-Gallery/

你可以用这个做响应式模块