<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="container">
<div class="principal">
<!-- fim cabecalho.php -->
4
respostas
respostas
A barra de navegação da página não ficou preta e horizontal. Os links do menu estao soltos na parte de cima. Qual seria o problema?
Oi Rossi ví que você abriu um tópico semelhante sem o código posso marcar como solucionado aquele para não ficar duplicado ? A barra de navegação fica no nosso cabeçalho.php, mas tá faltando justamente o código dela aí que é semelhante ao abaixo:
<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 href="index.php" class="navbar-brand">Minha Loja</a>
</div>
<div>
<ul class="nav navbar-nav">
<li><a href="produto-formulario.php">Adiciona Produto</a></li>
<li><a href="produto-lista.php">Lista Produto</a></li>
<li><a href="sobre.php">Sobre</a></li>
</ul>
</div>
</div>
</div>
<div class="container">
<div class="principal">Espero ter ajudado e bons estudos.
Cara tive o mesmo problema aqui.
<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>
</div>
<div class="container">
<div class="principal">Comparei com o codigo dos exercicios, e ate mesmo com o seu Maison Galvão, mas nao funciona.
Oi DAVID faça o seguinte:
cabecalho.php
<header class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="index.php">Minha Loja</a>
</div>
<div>
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link" href="produto-formulario.php">Adiciona Produto</a></li>
<li class="nav-item"><a class="nav-link" href="produto-lista.php">Lista produtos</a></li>
<li class="nav-item"><a class="nav-link" href="sobre.php">Sobre</a></li>
</ul>
</div>
</div>
</header>E no loja.css
.principal {
padding: 40px 15px;
text-align: center;
}Espero ter ajudado e bons estudos
Maison muito obrigado pela atenção, assim que eu postei aqui que estava com esse problema fui dar uma olhada na documentação do bootstrap, e fiz exatamente o que você sugeriu, eu só não queria deixar tão diferente da aula, para não ter divergências mais a frente do curso, mas foi o jeito..
Muito obrigado mesmo assim.