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

layout da tela

Não sei o motivo que os container não esta funcionando pois a barra de menu esta sobrepondo o formulário da pagina

cabecalho.php

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

sobre.php

<?php 
include ("cabecalho.php");?>

<h1>Sobre</h1>

<?php include("rodape.php");
?>

rodabpe.php



        </div>

    </div>

</body>
</html>
6 respostas

Oi Tiago tem como você enviar um print, aí você uparia pra nuvem e mandaria um link aqui, não consegui visualizar como tá ficando, só com o código, mas desde já você pode tentar solucionar da seguinte forma:

Dando mais margem top entre o titulo e a navbar com: Lá no seu produto-formulario.php:

<h1 class="mt-4"> Formulário de cadastro </h1>

Veja se resolve

Espero ter ajudado e bons estudos.

Segue ai o link: https://drive.google.com/open?id=1fMvDjOiqUtCEJuV_1L7YU2m-YWCR4x_M

Oi Tiago você ja experimentou colocar uma margem no topo dos cabeçalhos ? a classe do bootstrap que faz isso é a

mt-4

onde o 4 é a maior margem começando de 0;

<h1 class="mt-4"> Formulário de cadastro </h1>
<h1 class="mt-4"> Loja do Thiago </h1>

Se não for suficiente vc pode aumentar o padding também com a classe p-4 ficando assim:

<h1 class="mt-4 p-4"> Formulário de cadastro </h1>
<h1 class="mt-4 p-4"> Loja do Thiago </h1>

Tentei e mesmo assim não funcionou. estou postando o link do meu projeto https://drive.google.com/open?id=13Aji4648TRQYVhkwWyGzkfmnWME88Y7A

solução!

Oi Tiago eu somente retirei a classe navbar-fixed-top do navbar e ele ajustou acredito que seja porque nessa versão do Bootstrap utilizava o position:fixed e todo o conteúdo posterior vai ficando por baixo, retire essa classe do seu arquivo cabecalho.php que sua barra de navegação vai continuar no topo e seus cabeçalhos virão logo abaixo.

Espero ter ajudado e bons estudos.

Funcionou meu cara vlw pela ajuda.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software