Folha de estilo bootstrap4
19/04/2018
0
Fiz uma breve pesquisa e não encontrei tópico respondendo minha dúvida.
Então, comecei a usar bootstrap4 e queria usar uma folha de estilo personalizada, igual fazia na versão 3. Faça a declaração na minha página mas não funciona de jeito nenhum.
Agora se eu declarar a tag style dentro da própria página e colocar minha modificações funciona.
ex.: <head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/style.css"> ===> não funciona de jeito nenhum...
</head>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<link rel="stylesheet" href="css/bootstrap.css">
<style type="text/css" media="screen">
minhas modificações; ===> aí funciona.
</style>
</head>
Será que alguém pode me ajudar.
Flavio Bernardes
Post mais votado
Mais Posts
20/04/2018
Flavio Bernardes
Ele está minusculo justamento porque comecei a cria-lo e como não funcionou parei de criar nele e passei a criar na própria pagina.
--------------------------------------------
nome do arquivo: style.css
--------------------------------------------
conteudo
===================================
.row{
margin-bottom: 10px;
}
label {
margin-bottom: 0;
font-family: 'Open Sans Condensed', sans-serif;
}
input{
margin-top: -5px;
}
textarea{
margin-top: -5px;
}
forma de chamada na página
...
<title></title>
<link rel="stylesheet" href="css/bootstrap.min.css"/>
<link rel="stylesheet" href="css/style.css"/>
</head>
20/04/2018
Leandro Chiodini
Tenta fazer a seguinte alteração na tua tag para fazer a persistência da folha de estilo.
<link rel="stylesheet" type="text/css" href="css/style.css" />
type="text/css" essa tag ajuda a fazer isso.
somente para desencardo de consciência .
Até mais.
20/04/2018
Flavio Bernardes
Eu já tinha feito dessa forma. Estou usando o Sublime Text 3 e ele quando auto completa a tag já vem do jeito que você mostrou, ou seja, <link rel="stylesheet" type="text/css" href="">. Eu mudei para o jeito que postei no começo tentando outra forma.
De qualquer forma, obrigado pela atenção.
20/04/2018
Leandro Chiodini
ou nao chegasse a usar ainda no teu projeto?
20/04/2018
Flavio Bernardes
Uso o css dele ==> <link rel="stylesheet" href="css/bootstrap.min.css"/>
os javascript também.
Tudo normal. Só não reconhece a minha folha de estilo.
25/04/2018
Flavio Bernardes
Já resolvi meu problema...
Na verdade a folha de estilo já estava funcionando, o problema é que quando eu acrescentei a folha e apliquei na página não funcionou por causa do cache do navegador.
Foi só eu limpar o cache e a folha foi aplicada corretamente.
Muito obrigado por todos que se interessaram pelo tópico.
26/04/2018
Josué Barros
<link rel="stylesheet" type="text/css" href="css/style.css?id=1.2">
Aí é você ficar atualizando a numeração (como se fossem versões) e esse problema ão acontecerá mais.
Espero ter ajudado!
Clique aqui para fazer login e interagir na Comunidade :)