Twitter bootstrap 使用引导模式和cycle2在firefox中不受限制的图像

Twitter bootstrap 使用引导模式和cycle2在firefox中不受限制的图像,twitter-bootstrap,modal-dialog,jquery-cycle2,Twitter Bootstrap,Modal Dialog,Jquery Cycle2,我试图在引导模式中组合一个简单的幻灯片。我正在使用Cycle2进行图像转换。这在chrome和safari(包括移动设备)中运行良好。问题是,在firefox和IE中,图像不受模式窗口大小的限制。当我只有图像时,它会起作用,但当我用文本内容将图像包装在div层中时,它会爆炸。我有两个小提琴只显示图像,第二个小提琴也显示内容 仅图像:(适用于所有浏览器) × 模态头 接近 保存更改 内容和图像:(在IE和FF中不起作用) × 模态头 Lorem ipsum dolor sit amet,是

我试图在引导模式中组合一个简单的幻灯片。我正在使用Cycle2进行图像转换。这在chrome和safari(包括移动设备)中运行良好。问题是,在firefox和IE中,图像不受模式窗口大小的限制。当我只有图像时,它会起作用,但当我用文本内容将图像包装在div层中时,它会爆炸。我有两个小提琴只显示图像,第二个小提琴也显示内容

仅图像:(适用于所有浏览器)


×
模态头
接近
保存更改

内容和图像:(在IE和FF中不起作用)


×
模态头
Lorem ipsum dolor sit amet,是一位杰出的献身者。Donec magna nunc,euismod luctus酵素,pulvinar vitae odio。佩伦茨克在阿利奎特狮子座。我的朋友们,我的朋友们

阿洛雷姆·伊普苏姆·多洛尔·西特(ALorem ipsum Door sit amet)是一位杰出的领袖。Donec magna nunc,euismod luctus酵素,pulvinar vitae odio。佩伦茨克在阿利奎特狮子座。我的朋友们,我的朋友们

Lorem ipsum dolor sit amet,是一位杰出的献身者。Donec magna nunc,euismod luctus酵素,pulvinar vitae odio。佩伦茨克在阿利奎特狮子座。我的朋友们,我的朋友们

接近 保存更改

提前感谢您的帮助

将“img响应”类添加到图像中

<!-- Modal -->
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
     <h3 id="myModalLabel">Modal header</h3>

</div>
<div class="modal-body">
    <div class="cycle-slideshow">
        <img src="http://www.hdwallpapersfan.com/wp-content/uploads/2013/02/kate-upton-2013.jpg" />
        <img src="http://content.clearchannel.com/cc-common/mlib/790/03/790_1364298792.jpg" />
        <img src="http://de.wallpapersus.com/wallpapers/2012/07/Kate-Upton-Lingerie-2-1050x1680.jpg" />
    </div>
</div>
<div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
    <button class="btn btn-primary">Save changes</button>
</div>
<!-- Modal -->
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
     <h3 id="myModalLabel">Modal header</h3>

</div>
<div class="modal-body">
    <div class="cycle-slideshow" data-slides="> div">
        <div>
            <img src="http://www.hdwallpapersfan.com/wp-content/uploads/2013/02/kate-upton-2013.jpg" />
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec magna nunc, euismod luctus fermentum at, pulvinar vitae odio. Pellentesque in aliquet leo. Vivamus placerat quam ac leo ornare interdum.</p>
        </div>
        <div>
            <img src="http://content.clearchannel.com/cc-common/mlib/790/03/790_1364298792.jpg" />
            <p>ALorem ipsum dolor sit amet, consectetur adipiscing elit. Donec magna nunc, euismod luctus fermentum at, pulvinar vitae odio. Pellentesque in aliquet leo. Vivamus placerat quam ac leo ornare interdum.</p>
        </div>
        <div>
            <img src="http://de.wallpapersus.com/wallpapers/2012/07/Kate-Upton-Lingerie-2-1050x1680.jpg" />
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec magna nunc, euismod luctus fermentum at, pulvinar vitae odio. Pellentesque in aliquet leo. Vivamus placerat quam ac leo ornare interdum.</p>
        </div>
    </div>
</div>
<div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
    <button class="btn btn-primary">Save changes</button>
</div>