Tudo que faço no CSS tem que ficar colocando !Important para funcionar, como faço para não precisar utilizar isso?
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.
resolvi com:
.collapse.navbar-collapse{
justify-content: center !important;
}“Resolveu” mantendo !important sem ter necessidade, que era justamente a questao do tópico?
sem não funciona! já pesquisei tudo vários tópicos na internet
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.
Esse site é bloqueado aqui, não vou poder ver agora. O próprio forum tem opcao de anexo.
Tá aí
exemplo.rar (553,9 KB)
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
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.
1 curtida