html - Bootstrap 模式中的图像问题

Question

http://codepen.io/anon/pen/jWGXKJ

<a data-toggle="modal" href="#modal" class="btn btn-primary">Open</a>
<div id="modal" class="modal modal-wide fade">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title">Modal title</h4>
      </div>
      <div class="modal-body">
        <img src="http://i.imgur.com/aZO5Kol.jpg"/>
      </div>
    </div>
  </div>
</div>

1. 如何让模态扩展其宽度以适应其包含的图像，而无需计算和使用图像宽度(以像素为单位)。
2. 当模式水平延伸到当前 View 之外时，如何在窗口本身上获得水平滚动条？

Answer 1

1) 不需要像素 你可以用百分比%来做到这一点

img{
width:100%;
}