Bootstrap图像没有响应

时间:2017-04-28 12:36:31

标签: css

我有自举模板(https://startbootstrap.com/template-overviews/full/)并添加了模态和背景图像。当我在浏览器上调整它的响应时,它会响应,当我从网站上的电话上看时,图像高于模态并且它并不覆盖所有网站。

我刚刚编辑了/css/full.css文件来添加图片。

我怎样才能让它在手机上响应?我在Chrome上通过两个移动设备访问它并遇到同样的问题。

谢谢

2 个答案:

答案 0 :(得分:0)

您可以在img tag()

中添加“img-responsive”类

所以你的代码应该是这样的:

<img src="your-source" class="img-responsive" />

您可以在此处参考:https://www.w3schools.com/bootstrap/bootstrap_ref_css_images.asp

但是提供的代码可以使您的问题更加精确。

答案 1 :(得分:0)

谢谢你,但是我对背景图片感到不满,背景图像停在模态之上。

我的网站如下:

背景图片
空白
莫代尔
空白到最后