Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Incompatibilidade - GoogleChrome 65.0.3325.181 / Bootstrap 3.3.7 e 4.0.0 / MacOS 10.13.4

Olá, pessoal! Tudo joia?

Estou com um problema de incompatibilidade. Fiz exatamente como nos vídeos, mas a barra de menu não funcionava corretamente.

<html>
<head>
  <meta charset="utf-8">
  <title>Minha loja</title>
  <link href="css/bootstrap.css" rel="stylesheet">
  <link href="css/loja.css" rel="stylesheet">
</head>

<body>
  <div class="navbar navbar-inverse navbar-fixed-top">
    <div class="container">
      <div class="navbar-header">
        <a class="navbar-brand" href="index.php">Minha Loja</a>
      </div>
      <div id="navbar" class="navbar-collapse collapse">
        <ul class="nav navbar-nav">
          <li><a href="produto-formulario.php">Adiciona Produto</a></li>
          <li><a href="#">Sobre</a></li>
        </ul>
      </div>
    </div>
  </div>
  <div class="container">
    <div class="principal">
      <!-- fim cabecalho.php -->

Quebrei tanto a cabeça, instalei o Bootstrap 3.3.7 pra ver se era questão de versão e eis que quando testo o mesmo arquivo em outros navegadores (Mozilla 59.0.2 e Safari 11.1), funciona tudo corretamente. Qual será o problema de incompatibilidade do Chrome 65 e como fazer pra arrumar isso?

Valeu!

Abraço!

3 respostas

Consegui resolver mas ainda não entendi o que tá rolando. Se eu coloco o link pra puxar da web, funciona. Se coloco local, não funciona corretamente.

O HEAD por exemplo ficou assim:

<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Minha loja</title>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
  <!-- <link href="css/bootstrap.css" rel="stylesheet"> -->
  <link href="css/loja.css" rel="stylesheet">
</head>

Tem uma linha como comentário que é para não puxar o arquivo local mesmo. Se troco o link web pelo local, ele não carrega os estilos corretamente.

solução!

Oi Rafael, tudo bem?

Estranho mesmo. Acredito que o HTML nao está encontrando o arquivo local, você pode conferir se ele está puxando indo no código fonte no Chrome (Ctrl+U) e tentando abrir o link do CSS.

De qualquer forma pode ir usando o CDN já que você mesmo conseguiu resolver dessa maneira, ok?

Espero ter ajudado e bons estudos,

Abcs!

Obrigado, Natan!