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

Diferença no Bootstrap-Navbar

O bootstrap está totalmente diferente, "minha loja" está no canto esquerdo superior, enquanto "adicionar produto" e "sobre" está no canto direito. O que posso fazer? Não sei qual é o erro

<!DOCTYPE html>
<html>
<head>
    <title>Minha loja</title>
    <meta charset="utf-8">
    <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>
                <ul class="nav navbar-nav">
                     <li><a href="produto-formulario.php">Adiciona Produto</a></li>
                     <li><a href="sobre.php">Sobre</a></li>
                </ul>
            </div>
        </div>
    </div>

    <div class="container">

    <div class="principal">
2 respostas
solução!

Oi GIlmar, tudo bem?

Nao vi o curso de PHP ainda, testei seu codigo aqui com a versao 4 do Bootstrap e realmente dá esse bug que você relatou.

O que ocorre: o Bootstrap 4 foi lançado há uns 2 meses, então se você usa essa última versão dele não rola com o código passado pelo instrutor, somente na versão 3.

O que voce pode fazer: usar a versão 3 do Bootstrap via CDN (documentação dele aqui). Só substituir a chamada do seu Bootstrap por essa:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

Testei nesse Jsbin seu codigo com esse Bootstrap 3 via CDN e está tudo como deveria, ok?

Espero ter ajudado e bons estudos,

Abcs!

Ajudou muito. Obrigado