Javascript 如何使引导模式宽度适应包含的图像

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

我设法使一切工作正常，并改变了css一点，但我没有找到办法改变模式div宽度，以适应图像内。基本上我想这样做，使图像显示全尺寸

这是我的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。

尝试Bootstrap图像库模块

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

---

您可以使用此

制作响应模块，在此处添加更多信息。你使用的是什么版本的引导？你最终找到答案了吗？这是一年前的事了，所以我甚至不记得问这个问题的背景。但我想我最终使用了一个插件，可能是卡姆肯提出的那个，是的，那个看起来很熟悉。