Question

我正在使用“img-responsive”bootstrap类，但我想删除它的一个属性。

我的HTML代码：

<a id="removeBSproperties">
    <img height="250" width="270" class="img-responsive img-portfolio img-hover" src="test.jpg" alt="">
</a>

Bootstrap设置img height：auto。我想删除它。

我尝试使用：

#removeBSproperties img{
    height: none;
}

它不起作用。我是新用的CSS。有谁知道我做错了什么？

由于

Answer 1

你怎么不通过HTML设置图像高度，而是用CSS设置它，如下所示：

#removeBSproperties img{
    height: 250px !important;
}

如果您想摆脱CSS中的height属性，可以将其设置为height:initial，height:inherit，height:auto或height:100%，具体取决于关于你想要实现的目标。有关CSS height属性的更多信息：https://developer.mozilla.org/en/docs/Web/CSS/height

Answer 2

我正在使用“img-responsive”bootstrap类，但我想删除它的一个属性。

您可以避免使用HTML设置图像高度。使用CSS设置它，您可以删除CSS中的高度属性，您可以将其设置为

height: initial height: inherit height: auto

希望这会回答你的问题。

覆盖Bootstrap的属性

2 个答案: