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类来实现响应式图片。
如果以上解决方法都无效，你可以提供更多的代码和具体的问题描述，以便我们提供更准确的帮助。
相关·内容
4回答
如何编辑element.style css？
jquery、html、css、dom、popup
嗨，我正在使用jquery模式弹出窗口。见下图。
然而，问题是，我需要编辑宽度。所以我输入了css文件，在用firebug检查和验证后，
element.style
{
width: 700px !important;
}
但它不起作用。ANy关于如何覆盖jquery css的想法。
有人说需要用javascript编辑css，制作对象和东西。但我对此不是很确定。
任何帮助都是非常感谢的。
浏览 4提问于2011-03-08得票数 1
回答已采纳
1回答
通过添加一些数据属性来防止特定dom的自举
javascript、html、css、twitter-bootstrap
我是twitter bootstrap的新手。我想知道有没有一种方法可以通过添加一些属性来防止将任何引导CSS或JS应用于DOM及其所有子对象。
喜欢
<div class="col-lg-9">Bootstrap applied</div>
<div data-no-bootstrap="true">
No boot strap should applied in this dom
</div>
这听起来可能很奇怪。但我想知道有没有办法。
浏览 0提问于2014-11-26得票数 0
3回答
.addClass() jQuery如何指定CSS
javascript、jquery、html、css、bootstrap-4
我有一个div，当我点击它时，我想不放一个显示。我使用的是bootstrap4，它有一个名为“d”的css样式，它将显示none放在元素中。
为此，我将其放在.js中：
$("#div").on("click", function(e, m) {
alert("Enter OK");
$("div").addClass("d-none");
});
但是我不知道如何指定它必须采用bootstrap.min.css的样式，因为我同时使用多个css。
我试过这样做：
$("#div").on(
浏览 2提问于2018-03-13得票数 0
1回答
Magento块和页面中的引导标记
twitter-bootstrap、magento
我是在Magento CMS工作的新手。我掌握了如何创建块和小部件，并将内容插入到页面中。我们目前正在使用Infortis的基于Bootstrap的Ultimo主题。
如何在块中使用Bootstrap语法？基本网格可以工作，但没有其他类(警报、按钮、面板、折叠等)工作。我使用了Bootstrap CSS/JS CDN，修复了我刚才提到的类，但破坏了主题。我见过一些广泛的jQuery是为了完成手风琴之类的事情而编写的，但这不在预算中，也不在我的技能集的前沿。
是否有人找到了解决此问题的方法？我是不是遗漏了什么？
在这个主题的用户指南中，唯一提到Bootstrap标记的是对网格系统的令人难以置信的
浏览 0提问于2017-02-16得票数 0
1回答
自定义css仅在页面收缩后应用- Bootstrap
css、twitter-bootstrap、joomla2.5
我在我的自定义css中使用bootstrap。问题是，我的自定义css的一些样式只有在我用浏览器缩小我的网站后才会应用，它适应较小的浏览器大小，并应用我的自定义css，当网站是全尺寸时，同样的css剂量也适用。
我上传了一张照片。您可以看到右侧的文本是如何设置样式的。这也发生在菜单项上，但奇怪的是，在某些地方，它在缩小页面之前和之后正常工作，例如，查看登录和联系人表单背景中的图片，它是我的自定义css渐变，它在这两种情况下都可以工作，按钮也工作正常。你能帮我解释一下这是怎么回事吗？
顺便说一句，我不知道它在这种情况下是否重要，但我在这里使用的是joomla 2.5
浏览 2提问于2013-05-23得票数 0
回答已采纳
7回答
为类指定css样式文件
html、css
我试图使一个现有的网站使用Bootstrap响应。问题是，现有css文件中的一些类名定义的类与Bootstrap css文件中的类名相同。
我很好奇，是否有一种方法可以定义要用作类样式源的样式表？
假设在原始CSS文件中定义了container类，在Bootstrap CSS中定义了container类。有没有可能以某种方式区分它们？或者只有重命名才能解决这个问题？
浏览 6提问于2018-03-08得票数 0
3回答
引导响应覆盖我的.container宽度
html、css、twitter-bootstrap
我在使用Twitter Bootstrap的时候遇到了一个恼人的“问题”。我有一个使用默认.container引导类的主容器，并且在我的自定义css文件中为它指定了一个特定的宽度。但是，当我将bootstrap-responsive.css文件包含到HTML文档中时，它似乎覆盖了容器的宽度。
这是我的CSS文件的顺序：
<link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css"/>
<link rel="stylesheet" t
浏览 0提问于2013-02-23得票数 0
回答已采纳
2回答
Twitter Bootstrap自动调整图片大小以占据整个列
jquery、html、css、twitter-bootstrap
我使用的是bootstrap，我有一个包含两列的行。其中一列中有一张图片，它应该占据该列中的所有空间。右边的列有三行，每行有两张图片。但到目前为止，我不能让左边的图像正确调整大小，只是停留在一个小的固定大小。下面是代码。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
浏览 0提问于2014-07-28得票数 10
回答已采纳
2回答
使图像响应
html、css、twitter-bootstrap、coldfusion-9
我正试图找到一种方法，使我的图像响应。
我使用的是引导程序，它们是一个类名"img-responsive"
然而，它没有正确地调整图像的大小。
以下是我对它的称呼，但它没有正确地这样做：
HTML：
<img class="img-responsive" src="img_chania.jpg" alt="Chania" width="460" height="345">
下面是我从bootstrap.css中使用的容器。
CSS：
.container {
margin-rig
浏览 2提问于2016-07-08得票数 0
3回答
设置多个名称的类的属性
html、css
这是基本的，可能是错的。
有些类的内部有多个名称，例如在Bootstrap中：
<nav class='navbar navbar-default navbar-expand-lg sticky-top'>
我正在努力理解这一主题：
使用一个类的名称可以让您用这个名称在CSS中设置属性，如果是这样的话，为什么有些类会获得多个名称-就像上面的这个？
如果一个类有多个名称，那么如何设置它的CSS属性？
如果您有一个类，而另一个类在内部，并且首先将属性设置到顶部(这会影响内部)，然后您钻进去并将不同的属性设置为内部，它会覆盖外部吗？
例如：
<
浏览 0提问于2018-12-12得票数 2
回答已采纳
7回答
更改Twitter Bootstrap中select标签的宽度
css、twitter-bootstrap、twitter-bootstrap-2
在使用Twitter bootstrap时，如何更改选择字段的宽度？添加input-xxlarge CSS类似乎不起作用(就像在其他表单元素上一样)，所以我的下拉列表中的元素当前被切断。
浏览 0提问于2012-08-22得票数 44
回答已采纳
3回答
CSS bootstrap覆盖了我自己的CSS代码
css、twitter-bootstrap
目前，我正在尝试使用w3school教程中所示的幻灯片来编写一个网站：
如图所示，示例具有自己的CSS集，以使幻灯片的过渡和效果能够平滑地淡入和淡出。在添加CSS bootstrap后，幻灯片效果变得粗糙，过渡也不再平滑。
使用的CSS：
我在我的css文件之前链接了它，如下所示：
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" type="text/css">
紧接着是
<li
浏览 0提问于2017-02-22得票数 0
1回答
通过Bootstrap使带有图像/文本悬停覆盖的div完全响应
html、css、twitter-bootstrap
我在我的设计中遇到了一个障碍，我已经用尽了我的选择。本质上，我是通过Bootstrap框架设计的，以制作一组图像，这些图像都应用了悬停覆盖效果。效果和响应图像分开时工作良好，但当组合时，我失去了它的响应性，它保持固定到300px x 250px大小。
这就是我试图实现的效果类型()
我已经将我的代码添加到没有bootstrap.css的jsfiddle：中(因为它是一个很大的文件)
HTML
<div class="container-fluid">
<div class="row">
<div class="col-x
浏览 0提问于2014-03-28得票数 0
3回答
没有任何样式的表单
html、css、bootstrap-4
我想使用<form>，但没有任何样式(如宽度，边框等)。我需要得到和<span>一样的效果。我正在使用Bootstrap。对于每种css样式，唯一有效的输出是否设置为0，如width:0；等？
浏览 3提问于2021-10-21得票数 0
2回答
我的汉堡菜单显示不正确
html、twitter-bootstrap-3
我在使用Bootstrap的汉堡包菜单上遇到了一个奇怪的问题。它正在向右伸展，我不知道为什么。它在附加的代码片段编辑器中看起来很好，我的图片如下所示。你知道这是什么原因造成的吗？
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJR
浏览 0提问于2017-04-05得票数 1
1回答
引导柱宽比图像宽
html、css、twitter-bootstrap
我有一个列，其中有一个230x320占位符class='img-responsive'图像。图像为230x320，但列宽为col-md-3。
问题是，图像的宽度比列的宽度小，所以空间留在右边。此外，当列被更改为col-md-2时，图像会响应，从而显示小于230x320大小的图像。
是否有一种方法可以保持该列响应，但减少列的宽度，但在右侧保留默认的引导填充？
下面是这样的图像：
我添加了代码片段，但是引导程序不起作用，也许我有我的链接，它们不应该在哪里呢？
<link href="https://maxcdn.bootstrapcdn.com/bootst
浏览 2提问于2016-04-16得票数 0
回答已采纳
3回答
保持CSS完全独立
php、css
我已经创建了自己的自定义导航栏。我将其保存在一个名为main-menu.php的文件中，我使用以下命令将其调用到标题中：
<?php
include "main-menu.php";
?>
主菜单组成如下：
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.mi
浏览 0提问于2017-09-07得票数 1
2回答
Chrome html div在不同的机器上有不同的大小
html、css、ruby-on-rails、google-chrome
我一直在用chrome开发一些bootstrap表单。在一台机器上，html标记的像素宽度是一个整数1905px。然而，在另一台机器上，笔记本电脑的像素宽度是一个奇怪的小数，1668.35789。这两台机器都运行ubuntu 12.04 64位和chrome 35(ubuntu的最新稳定版本)。当然，这会打乱页面上许多其他元素的宽度。这里可能发生了什么？
更新:这不是bootstrap问题。这与rails有关。一个空白的rails应用程序没有添加任何css，除了rails gem之外的所有gem都会产生这个问题。rails外部的Html不会产生这个问题。
浏览 2提问于2014-06-19得票数 0
3回答
如果您有两个类CSS选择器，它们是否具有从属关系，这种层次关系是否需要在HTML中进行镜像？
css、twitter-bootstrap、css-selectors
在我的CSS中，我使用了2个类选择器(Twitter bootstrap w/ 30列)：
.row-fluid .span9 {
width: 29.5597485%;
*width: 29.50766516666667%;
}
如何确保应用此规则？我尝试的两个HTML设置似乎都不起作用。这些语法是否正确，或者有没有其他方法来确保将上面的CSS规则应用于HTML？
HTML Idea 1：
<div class="row-fluid span9">
HTML Idea 2：
<div class="row-fluid">
<
浏览 2提问于2012-06-30得票数 0
回答已采纳
1回答
Textarea & Select样式-不适用于以前的解释
html、css
我试图使用自定义CSS表在我的input和textarea字段中增加CSS。
更改input字段的input很好，但是textarea只是不允许我调整它的大小--它是font-size。
我还包括了引导程序，所以我想知道我的CSS表是否会被bootstrap.css覆盖。但是我在head中包含了引导链接之后的CSS链接，并且将texarea样式放在CSS的末尾，所以它应该是最后一个读取的。
此外，我还认为，可能我在div、form等中调用的所有引导类都更改了font-size，所以我尝试了div元素和form之外的textarea，但是大小没有改变。
看看表单是如何正确的，nowL：
浏览 1提问于2020-01-05得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
