小编cs.*_*tyi的帖子

我在 Firefox 中遇到了这个问题，或者我使用了错误的东西，但我使用了这样的 svg 图像：

<img src="image.svg" alt="some image">

浏览器将它们呈现如下：

我可以让他们喜欢.png ，而且效果很好，但我需要他们.svg

使用 SVG 源更新

<img src="image.svg" alt="some image">

更新 2

试图像在这个问题中一样将fill属性从<mask>它的子元素移动到它的子元素，但没有解决问题。我正在使用 Firefox 55.0.3。<use>

我想在 React 开发中使用一些好的模式（用于样式）。据我所知，React.js 封装了组件的样式（如果我理解正确的话）。

我可以/应该使用 7-1 模式（shame.scss当然是使用文件）吗？如果没有，您推荐的最佳做法是什么？

也许这是一个非常菜鸟般的问题，但我想知道是否应该使用所有Bootstrap网格类？

我的意思是说如果我有一个非常好的桌面和移动UI设计，仅使用col-sm-*和col-xs-*类就足够了吗，还是也必须使用col-md-*和col-lg-*类？

我问这个问题，因为我曾经阅读过一些网页源代码，并且经常看到以下内容：

<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
  //some content
</div>

但是仅使用sm和xs类还不够吗？