Bootstrap - !important

11 respostas
P

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

11 Respostas

J

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.

P

resolvi com:
.collapse.navbar-collapse{

justify-content: center !important;
 
}
J

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

P

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

P

já está

J

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.

P

VOU ENVIAR
exemplo.rar (553,9 KB)

J

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

P

Tá aí

exemplo.rar (553,9 KB)

J

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

J

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