GUJ Discussões   :   últimos tópicos   |   categorias   |   GUJ Respostas

Php com Bootstrap

Eu estou fazendo um Site teste para a minha mãe para auxiliar ele com vendas e tals.
Mas ao eu Adicionar o Navbar ao meu codigo, ele fica com uma barra branca em cima do Navbar.

MEU ARQUIVO INICIO

<?php

    include 'includes_head.php';

?>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Malharia Neves</title>

<?php

    include 'includes_nvbar.php';    

?>
<?php

    include 'includes_foot.php';

?>

MEU INCLUDE NAVBAR.

<nav class="navbar navbar-expand-lg navbar-dark bg-primary">

   <div class="container-fluid">

        <a class="navbar-brand" href="#">Malharia Neves</a>

        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">

            <span class="navbar-toggler-icon"></span>

        </button>

        <div class="collapse navbar-collapse" id="navbarSupportedContent">

            <ul class="navbar-nav me-auto mb-2 mb-lg-0">

                <li class="nav-item">

                    <a class="nav-link active" aria-current="page" href="inicio.php">Inicio</a>

               </li>

                <li class="nav-item">

                    <a class="nav-link active" href="informaçoes.php">Informações</a>

                </li>

                <li class="nav-item dropdown">

                    <a class="nav-link dropdown-toggle active" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">

                        Serviços

                    </a>

                    <ul class="dropdown-menu" aria-labelledby="navbarDropdown">

                        <li><a class="dropdown-item" href="#">Conçertos em geral</a></li>

                    <li><a class="dropdown-item" href="#">Peças a Venda</a></li>

                        <li><hr class="dropdown-divider"></li>

                        <li><a class="dropdown-item" href="orçamento.php">Orçamentos</a></li>

                    </ul>

                </li>

                <li class="nav-item dropdown active">

                    <a class="nav-link dropdown-toggle active" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">

                        Imagens

                    </a>

                    <ul class="dropdown-menu" aria-labelledby="navbarDropdown">

                        <li><a class="dropdown-item" href="roupa.php">Roupas</a></li>

                        <li><a class="dropdown-item" href="vestidos.php">Vestidos</a></li>

                        <li><hr class="dropdown-divider"></li>

                        <li><a class="dropdown-item" href="#">Sob Medida</a></li>

                    </ul>

                </li>

            </ul>

                <a class="btn btn-outline-light" href="login.php" role="button">Login</a>

                <a class="btn btn-outline-light" href="cadastrarpessoa.php" role="button">Cadastrar</a>

            </form>

        </div>

    </div>

</nav>

vc tem css?

se tiver coloca isso lá:

* {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
}

ja tenho isso no meu css mas ele nao sai.
eu entrei no inspecionar elemento, e aparece que o navbar esta no body e nao no head.

Está certo estar no body. Inspeciona o elemento e tira a margin dele,

alguma dessas classes deve ter um margin-top

Consegui resolver, era um arquivo que estava com UTF8-BOM, somente retirei o BOM, e resolveu

//