Coloquei uma imagem no meu projeto e não consigo fazer ela desaparecer com o display:none
Html
<div class="row">
<div class="col-xs-4 col-sm-4 "></div>
<div class="col-xs-4 col-sm-4 text-center">
<img src="imagens/Spinner-1s-200px.gif" class="loading">
</div>
</div>
CSS
.loading{
display: none !important;
position:absolute;
}
Imagem com o erro
Posta o código completo que reproduza o problema. Pode usar esta ferramenta pra facilitar: https://jsbin.com
O que acontece?
Rodei seu exemplo com a versão mais recente do Bootstrap e os códigos fornecidos. No entanto, consegui esconder a imagem. Além do mais, testei a classe nativa do framework, que tem essa funcionalidade: .d-none.
Seu caso
Sem seus códigos HTML e CSS completos, fica difícil debugar. Por isso, só consigo presumir que você está com problemas de especificidade. Portanto, se quiser resolver o problema, é um bom começo colocar os restos dos códigos e tentar usar essas classes, na imagem:
- Se o Bootstrap utilizado for versão 4.0: .d-none;
- Caso o framework esteja em versão 4 alpha 6: .hidden-xl-down;
- Ou se utilizar a versão 3.3.7: .hidden.