Bootstrap "img-responsive“在我的代码中不起作用，为什么？
在你的代码中，Bootstrap的"class"属性为"img-responsive"的元素可能不起作用的原因有以下几种可能性：
- Bootstrap版本问题：首先，确保你使用的是最新版本的Bootstrap。旧版本的Bootstrap可能不支持"img-responsive"类。
- 引入问题：确保你正确地引入了Bootstrap的CSS文件。你可以通过检查HTML文档的头部部分，确认是否正确引入了Bootstrap的CSS文件。
- 元素选择问题：确保你将"class"属性为"img-responsive"的类应用于正确的元素。通常，这个类应该应用于<img>标签，而不是其他元素。
- CSS覆盖问题：检查你的自定义CSS是否覆盖了Bootstrap的样式。如果你在自定义CSS中对图片进行了特定的样式设置，可能会导致"img-responsive"类不起作用。你可以通过检查浏览器的开发者工具来查看是否存在CSS覆盖的情况。
- 图片尺寸问题："img-responsive"类只在图片具有固定宽度时起作用。如果你的图片没有设置固定宽度，那么这个类可能不会产生任何效果。你可以尝试为图片设置一个固定的宽度，或者使用其他的Bootstrap类来实现响应式图片。
如果以上解决方法都无效，你可以提供更多的代码和具体的问题描述，以便我们提供更准确的帮助。
相关·内容
我想使徽标具有响应性，因此我在img标记类中添加了img-reponsive和col-xs-12，并在外部样式表中指定了width: 100%，但它不起作用。我在右边做了徽标，它在笔记本电脑上，但在手机上看不见，所以我在<img>中添加了img-responsive，并在外部样式表中为img-responsive指定了width: 100%和height:auto;，<
浏览 103提问于2019-02-04得票数 0
回答已采纳
我最近创建了一个，我正在尝试使用此创建png文件，以便使用图像映射。但是当我尝试调整窗口大小时，地图并不与png保持对齐。将鼠标悬停在图像地图上时，图像地图会在png的某些部分加下划线。我尝试处理css文件中的一些属性，但到目前为止都没有起作用。
浏览 43提问于2019-03-29得票数 -1
3回答
我做了一个网站，除了Safari之外，任何浏览器都可以完美地呈现布局。cols是不对齐的，我从它们的div中得到图像。我不知道为什么会这样。你遇到过这样的问题吗？以下是代码示例(使用Bootstrap 4)： <div cl
浏览 3提问于2017-07-12得票数 5
我正在使用Bootstrap3创建一个Wordpress主题，并且我使用的响应列如下： <div class="paneljavascript:void(0)" class="btn btn-primary">Take a look</a> </div
浏览 3提问于2015-05-13得票数 0
回答已采纳
1回答
我用bootstrap 3制作了一个网格，看起来像下图。我不可能使用Bootstrap 4，因为它是一个有超过100.000个产品的网络商店，所以后端开发人员还没有改变它。
因此，为了使我
浏览 16提问于2020-05-19得票数 3
回答已采纳
我有过 header| t1 | t2 | t3 || i1 | i2 | i3 |我需要(通过bootstrap，或直接css)的底部图像是“响应”(调整后的内容宽度)
这是我的代码(插入器)。我在td上试用了width:100%;，在img上试用了img-responsiv
浏览 0提问于2017-03-25得票数 0
回答已采纳
我正在尝试摆脱Twitter Bootstrap中默认的缩略图细灰色边框。我可以针对边框，例如，如果我使用：所有缩略图边框都变为红色。但是如果我使用：它仍然会留下一条细长的灰色边框。我不能摆脱它。我试着将颜色改为白色(我的</em
浏览 0提问于2013-05-03得票数 12
回答已采纳
你能看看下面的代码，让我知道为什么镜像在Bootstrap 3中没有响应吗？<html><!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0&#x
浏览 5提问于2013-09-25得票数 3
2回答
用引导来缩放图像
、、、、
我使用了引导行特性，并使用了以下代码：<img src="1.jpg" />我已经发现，当放大和输出时，图像不会与列一起缩放。我试过用包装我的形象，但这是无效的。我试着手动缩放它，但是当缩放时，它会改变。
最后，我尝试使用"Xem“作为高度和宽度，但这也不起作
浏览 1提问于2015-03-01得票数 1
回答已采纳
3回答
我正在使用bootstrap 3.0来创建一个网站。我刚接触bootstrap。我想要的是，当浏览器尺寸特别小时，我希望图像在div的中心，我有这个代码。12 "> <img src="images/2.png"
浏览 0提问于2013-10-07得票数 39
回答已采纳
5回答
猫头鹰旋转木马固定高度？
、、、、
我目前正在使用Owl Carousel，我想知道是否有一种方法可以调整图像大小，使每个图像的高度保持一致。我使用这个插件来展示我的照片，我有横向和纵向两种尺寸。我尝试在JS中使用autoWidth，但它使我的肖像图像太大，而我的风景图像太短，我如何让所有图像都有一个设置的高度？我尝试调整CSS，但景观图像似乎在下一张图像
浏览 3提问于2016-12-29得票数 9
我使用的是bootstrap 3.3.6，我使用的是img-responsive类来实现图像响应。img-responsive只是根据父容器大小调整图像大小，我们可以使用css属性width: 100%和height: auto来实现。那么为什么要使用图像响应类呢？
浏览 1提问于2016-05-31得票数 19
回答已采纳
6回答
我一直在使用Bootstrap开发我的网站，基本上，我有这样的结构。<div class="container">
<img src="~/Content/Theme/img/image.png" class="img-responsive" style="margin: 0 auto;" />
浏览 0提问于2014-10-23得票数 15
在新版本3.0中，如果图像是具有相同类名的div的一部分，则必须将图像的类名设置为col-lg-4 col-sm-4 col-4，以使图像响应所有断点。在版本2中，默认情况下，图像的CSS属性继承了父级的div属性。
这是正确的吗？
浏览 3提问于2013-07-30得票数 56
在引导3中直接把标签放在里面可以吗？或者，最好让每个人都在..row>. inside #
这种结构可以在移动上产生问题吗？
浏览 9提问于2014-06-04得票数 1
回答已采纳
3回答
我遇到了以下问题:我正在尝试在我的整个屏幕上容纳3个图像。每个图像应该是33%的宽度和居中(即只显示图像的中心)。这是我的代码： <div class="row"> <img src=&quo
浏览 0提问于2016-12-07得票数 0
3回答
我试着把我的设计作为移动端在chrome上运行给开发人员工具，但是引导不起作用。有人能告诉我为什么bootstrap在移动设备上不能工作吗？
以下是我的媒体查询。@media (max-width: 768px) {
.<
浏览 0提问于2016-04-24得票数 16
回答已采纳
所有的图像都应该居中对齐，而不管它的大小。我试过使用下面的代码，但它对我不起作用。"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script/cinqueterre.j
浏览 0提问于2016-11-08得票数 1
1回答
制作一张响应式头像
、、、
因此，我正在构建一个nav菜单，当打开时，显示您的菜单以及您的姓名，电子邮件和您的个人资料picture.The我面临的问题是，当用户上传他们的个人资料图片(通常不同的宽度和高度)和使用边框半径时，我得到了不想要的结果在台式机上看起来很好，在移动设备上看起来很糟糕。请看下面的代码：
浏览 2提问于2016-04-18得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
