Folha de estilo bootstrap4
Olá pessoal! Tudo bem?
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.
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
Curtidas 0
Melhor post
William Dutra
20/04/2018
Fala Flavio, blz?
post ai pra nos a sua style.css
post ai pra nos a sua style.css
GOSTEI 1
Mais Respostas
Flavio Bernardes
19/04/2018
Opa meu amigo William. Vou postar.
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>
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>
GOSTEI 0
Leandro Chiodini
19/04/2018
Bom dia amigo,
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.
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.
GOSTEI 0
Flavio Bernardes
19/04/2018
Boa tarde meu amigo Chiodini.
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.
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.
GOSTEI 0
Leandro Chiodini
19/04/2018
o bootstrap ta funcionando normal?
ou nao chegasse a usar ainda no teu projeto?
ou nao chegasse a usar ainda no teu projeto?
GOSTEI 0
Flavio Bernardes
19/04/2018
Ta funcionando normal.
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.
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.
GOSTEI 0
Flavio Bernardes
19/04/2018
Bom dia pessoal!
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.
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.
GOSTEI 0
Josué Barros
19/04/2018
Olá Flavio, tudo bem? Que bom que resolveu o problema. Para ajudar numa próxima vez e evitar ter esse problema, você pode colocar uma query string para ficar atualizando onde você faz a chamada da folha de estilo. Por exemplo:
Aí é você ficar atualizando a numeração (como se fossem versões) e esse problema ão acontecerá mais.
Espero ter ajudado!
<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!
GOSTEI 0