5
respostas

bug na página e no BD. (O que é isso?)

Quando cheguei na aula 8 do curso gerei um bug que não sei resolver: simplesmente alguns estilos do bootstrap não estão sendo aplicados. Porém depois de quebrar muito a cabeça resolvi baixar o projeto completo da alura até o capítulo 7 e continuar a partir deste. Porém percebi que o mesmo problema ocorria com o projeto da alura. Resolvi fazer outro teste: criei uma outra pasta para o meu localhost com o nome diferente de "loja", coloquei "alura". Copiei os arquivos da pasta "loja" para "alura".

Vejam a diferença:

Loja https://postimg.org/image/2bpvoqpogr/

Alura https://postimg.org/image/1g65ngs2wr/

Bom, isso aconteceu depois que criei a tabela categorias no BD. Quero deixar bem claro, ambas as pastas possuem os mesmos arquivos.

5 respostas

Geovane, cola seu HTML aqui pra mim ver uma coisa?

Loja:

<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">Produtos</a></li>
                    <li><a href="sobre.php">Sobre</a></li>
                </ul>
            </div>
        </div>
    </div>

    <div class="container">

    <div class="principal">

Alura:

<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">Produtos</a></li>
                    <li><a href="sobre.php">Sobre</a></li>
                </ul>
            </div>
        </div>
    </div>

    <div class="container">

    <div class="principal">

Geovane, desculpa a demora, mas o que eu acho que aconteceu é que, enquanto o curso usa a versão 3.3.7 do bootstrap, você está usando a 4.0 que vou lançada recentemente. Por isso está bem diferente, no bootstrap os nomes de classe são bem diferentes.

Recomendo baixar a versão 3.3.7 do bootstrap e substituir no seu projeto. http://getbootstrap.com/docs/3.3/

Então, não pode ser isso. Até o capítulo desta aula estava tudo normal. Depois percebi que estava diferente. Ainda assim, deletei os meus arquivos e baixei o projeto da alura. Se abro na pasta loja fica bugado, se abro na pasta alura o bootstrap funciona. Muito curioso.

Cria um zip do seu projeto e disponibiliza um link aqui pra mim baixar e ver de perto o que pode ser?