如何使bootstrap模态宽度适应包含的图像

Question

我正在使用bootstrap模式创建一个缩略图库，在单击缩略图时显示全尺寸图像的尝试。

我设法使一切正常工作并改变了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

尝试bootstrap图库模块

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

您可以使用此

制作响应式模块