Question

基本上，我想重置（撤消）一个来自reset.less文件的img的Twitter Bootstrap 2.2重置。

Twitter Bootstrap本质上是设置这个css：

img {
  width: auto\9;
  height: auto;
}

在此之后我可以添加哪些CSS来撤消此操作？我实际上正在使用bootstrap-sass gem，所以我需要处理它。

如果我在gem源代码中注释掉CSS，我的问题就解决了，但是当heroku加载gem时，这对我没有帮助。所以我需要一个本地覆盖/猴子补丁来解决这个问题。

感谢。问题如下：https://github.com/desandro/isotope/issues/335#issuecomment-11507013和此处：https://github.com/twitter/bootstrap/issues/6541

没有这个补丁的问题是，令人敬畏的同位素库无法正常运行，因为chrome和safari无法正确绘制图像。

Answer 1

您可以在此下方添加新的重复选择器：

img {
  width: auto;
  height: auto;
}

那应该覆盖它。将它添加到在文档的<head>部分中的主文件下调用的新文件中也可以。

Answer 2

我在这里发布了答案：https://github.com/twitter/bootstrap/issues/6541

在CSS中对此进行内联工作，如下所示：

<img src="blah-blah" width=398 height=265 style="width:398px; height:265px">

事实上，我也在不使用width和height属性的情况下测试了Isotope，如下所示：

<img src="blah-blah" style="width:398px; height:265px">

这很好！任何建议，如果最好只指定CSS？

通过使用这个CSS，我能够非常轻松地在没有bootstrap（或bootstrap 2.0）的情况下测试它： img { 宽度：自动; 身高：自动; }

似乎CSS中的宽度和高度会覆盖图像属性，并且在加载图像之前，浏览器不知道要分配多少空间，然后，即使在图像加载后，间距仍然是错了，至少与同位素有关。内联样式确实解决了这个问题。我想我尝试使用常规样式，但这似乎不起作用，但我可能有一个CSS优先级问题。无论如何，由于图像大小是用图像属性布局的，所以放入这一小部分内联CSS是很自然的。我希望我们最终能找到更好的解决方案，因为升级时肯定会影响其他人。

或者至少应记录下这一点，即需要使用内联样式来表示图像的宽度和高度，而不是属性。

如何将Twitter引导程序重置重置为浏览器的原始程序

2 个答案: