Bootstrap - !important

11 respostas
ProgramadorBR

Tudo que faço no CSS tem que ficar colocando !Important para funcionar, como faço para não precisar utilizar isso?

11 Respostas

javaflex

Referencie seu css depois do css do bootstrap.

<head>
		<link rel="stylesheet" href="css/bootstrap.min.css">
		<link rel="stylesheet" href="css/custom.css">
	</head>

Se for outro problema, poste um zip com projeto completo.

ProgramadorBR

resolvi com:
.collapse.navbar-collapse{

justify-content: center !important;
 
}
javaflex

“Resolveu” mantendo !important sem ter necessidade, que era justamente a questao do tópico?

ProgramadorBR

sem não funciona! já pesquisei tudo vários tópicos na internet

ProgramadorBR

já está

javaflex

Se postar o zip reproduzindo o problema posso ver o que tem de errado, pode ter algum detalhe além disso, mas não é normal usar !important pra tudo que for customizar, eu não trabalho dessa forma, os designers entao viram bicho quando fazem essas gambiarras, exceto se o estilo do bootstrap estivesse com !important.

ProgramadorBR

VOU ENVIAR
exemplo.rar (553,9 KB)

javaflex

Esse site é bloqueado aqui, não vou poder ver agora. O próprio forum tem opcao de anexo.

ProgramadorBR

Tá aí

exemplo.rar (553,9 KB)

javaflex

Testei aqui retirando o !important do “justify-content: center” e funcionou, ficou centralizado. Testei no Chrome.

Dá uma olhada aqui: https://cursos.alura.com.br/forum/topico-ordem-de-links-do-css-46435

jonsoar94

Faça que o nem o colega javaflex informou, arquivos CSS’s de frameworks, adicione sempre o link antes do seu css, pois se não suas alterações serão sobre escritas pelo mesmo.

Criado 19 de outubro de 2018
Ultima resposta 7 de nov. de 2018
Respostas 11
Participantes 3