Folha de estilo bootstrap4

19/04/2018

2

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.
Responder

Post mais votado

20/04/2018

Fala Flavio, blz?

post ai pra nos a sua style.css
Responder

Mais Posts

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>
Responder
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.
Responder
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.
Responder
o bootstrap ta funcionando normal?
ou nao chegasse a usar ainda no teu projeto?
Responder
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.
Responder
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.
Responder

26/04/2018

Josué Barros

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:

 <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!

Responder
×
+1 DevUP
Acesso diário, +1 DevUP
Parabéns, você está investindo na sua carreira