Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
7
respostas

Meu cabeçalho nao esta ficando com o fundo Preto e nao esta ficando um do lado do outro as opçoes

Referente ao curso PHP e MySQL I: Fundamentos para criar um sistema na Web

por Tiago Esli da Silva Lima
| 38.7k xp | 4 posts
<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">Crednet Sistemas</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>

                </ul>
            </div>
        </div>
    </div>

    <div class="container">

    <div class="principal">
7 respostas
por Luiz Fernando Maehana
| 610.1k xp | 403 posts
Desenvolvedor Front-end

Olá Tiago,

O CSS está de acordo? os arquivos estão na pasta correta? provavelmente é algum problema no CSS, olha no console e vê se tem algum erro.

Abraços!

por Tiago Esli da Silva Lima
| 38.7k xp | 4 posts

esse é meu codigo css que esta dentro da pasta CSS:

body { padding-top: 50px; }

.principal { padding: 40px 15px; text-align: center; }

por Luiz Fernando Maehana
| 610.1k xp | 403 posts
Desenvolvedor Front-end

Mas o código do css do Bootstrap está na pasta também?

por Tiago Esli da Silva Lima
| 38.7k xp | 4 posts

estao sim

estou usando o ubunto 16.04, bootstrap 4.0 e o monitor muito largo sera que isso atrabalha ?

solução!
por Luiz Fernando Maehana
| 610.1k xp | 403 posts
Desenvolvedor Front-end

Ah Tiago,

Como você está usando o Bootstrap 4, algumas classes mudaram, pra ficar correto tem que ser

<div class="navbar navbar-expand-lg navbar-dark bg-dark">
    <a href="index.php" class="navbar-brand">Crednet Sistemas</a>
    <ul class="navbar-nav mr-auto">
        <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">Produtos</a>
        </li>
    </ul>
</div>

Segue a documentação nova do NavBar: Documentação NavBar Bootstrap 4

por Tiago Esli da Silva Lima
| 38.7k xp | 4 posts

muito obrigado funcionou :)

por Luiz Fernando Maehana
| 610.1k xp | 403 posts
Desenvolvedor Front-end

o/

Aeaeae

Muita coisa mudou do Bootstrap 3 para o 4, então algumas classes não funcionam mais, só ficar de olho na documentação que não tem erro!

Abraços!