Jump to content

Search the Community

Showing results for tags 'nav-bar'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Web Development
    • HTML e CSS
    • Javascript
    • PHP
    • Ruby
    • Python
    • Java
    • .NET
    • Docker, Kubernets and other environments
    • WordPress
    • Mobile
    • Agile
    • Desenvolvimento de Games
    • Banco de Dados
    • Design and UX
    • Algoritmos & Outras Tecnologias
  • Entretenimento e uso pessoal
    • Segurança & Malwares
    • Geral
    • iMasters's pub

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Found 2 results

  1. NillGolv

    Menus nav-bar ficam ocultos

    Uso o Wampserver, meus sistemas funcionam corretamente e este exemplo não mostra os menus: Inicial | Manutenção | Sobre | Área restrita <!doctype html> <html lang="pt-br"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="description" content=""> <meta name="author" content=""> <link rel="icon" href="../../../../favicon.ico"> <title>Navbar Bootstrap</title> <!-- Principal CSS do Bootstrap --> <link href="https://getbootstrap.com.br/docs/4.1/dist/css/bootstrap.min.css" rel="stylesheet"> <script defer src="https://use.fontawesome.com/releases/v5.0.8/js/fontawesome-all.js"></script> <!-- Estilos customizados para este template --> <link href="https://getbootstrap.com.br/docs/4.1/examples/album/album.css" rel="stylesheet"> </head> <body> <header> <div class="collapse bg-dark" id="navbarHeader"> <div class="container"> <div class="row"> <div class="col-sm-8 col-md-7 py-4"> <h4 class="text-white">Sobre</h4> <p class="text-muted">Adicione algumas informações aqui abaixo.</p> </div> <div class="col-sm-4 offset-md-1 py-4"> <h4 class="text-white">Contato</h4> <ul class="list-unstyled"> <li><a href="#" class="text-white">Me siga no Twitter</a></li> <li><a href="#" class="text-white">Curta no Facebook</a></li> <li><a href="#" class="text-white">Me envie um e-mail</a></li> </ul> </div> </div> </div> </div> <div class="navbar navbar-dark bg-dark shadow-sm"> <div class="container d-flex justify-content-between"> <a href="#" class="navbar-brand d-flex align-items-center"> <strong> Navbar</strong> </a> <!-- div navbar-collapse --> <div class="collapse navbar-collapse" id="navbarsExampleDefault"> <ul class="navbar-nav mr-auto"> <li class="nav-item"> <a class="nav-link" href="#"><i class="fas fa-home"></i> Inicial |</a> </li> <li class="nav-item"> <a class="nav-link" href="#"><i class="fas fa-database"></i> Manutenção |</a> </li> <li class="nav-item"> <a class="nav-link" href="#"><i class="fas fa-list"></i> Sobre |</a> </li> <li class="nav-item"> <a class="nav-link" href="#"><i class="fas fa-lock"></i> Área restrita</a> </li> </ul> </div><!-- fecha div navbar-collapse --> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarHeader" aria-controls="navbarHeader" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> </div> </div> </header> <main role="main"> <section class="jumbotron text-center"> <div class="container"> <h1 class="jumbotron-heading">Exemplo Navbar Menus Bootstrap</h1> <p class="lead text-muted">Algo curto e direto, sobre a coleção abaixo (conteúdo, criador e etc). Faça com que seja curto e legal, mas não tão curto ao ponto de as pessoas pularem ele.</p> <p> <a href="#" class="btn btn-primary my-2">Call-to-action principal</a> <a href="#" class="btn btn-secondary my-2">Call-to-action secundário</a> </p> </div> </section> <div class="album py-5 bg-light"> <div class="container"> <div class="row"> <div class="col-md-4"> <div class="card mb-4 shadow-sm"> <img class="card-img-top" data-src="holder.js/100px225?theme=thumb&bg=55595c&fg=eceeef&text=Thumbnail" alt="Card image cap"> <div class="card-body"> <p class="card-text">Este é um card maior e que suporta texto abaixo, como uma introdução mais natural ao conteúdo adicional. No entanto, esse conteúdo é um pouco maior.</p> <div class="d-flex justify-content-between align-items-center"> <div class="btn-group"> <button type="button" class="btn btn-sm btn-outline-secondary">Ver</button> <button type="button" class="btn btn-sm btn-outline-secondary">Editar</button> </div> <small class="text-muted">9 mins</small> </div> </div> </div> </div> <div class="col-md-4"> <div class="card mb-4 shadow-sm"> <img class="card-img-top" data-src="holder.js/100px225?theme=thumb&bg=55595c&fg=eceeef&text=Thumbnail" alt="Card image cap"> <div class="card-body"> <p class="card-text">Este é um card maior e que suporta texto abaixo, como uma introdução mais natural ao conteúdo adicional. No entanto, esse conteúdo é um pouco maior.</p> <div class="d-flex justify-content-between align-items-center"> <div class="btn-group"> <button type="button" class="btn btn-sm btn-outline-secondary">Ver</button> <button type="button" class="btn btn-sm btn-outline-secondary">Editar</button> </div> <small class="text-muted">9 mins</small> </div> </div> </div> </div> <div class="col-md-4"> <div class="card mb-4 shadow-sm"> <img class="card-img-top" data-src="holder.js/100px225?theme=thumb&bg=55595c&fg=eceeef&text=Thumbnail" alt="Card image cap"> <div class="card-body"> <p class="card-text">Este é um card maior e que suporta texto abaixo, como uma introdução mais natural ao conteúdo adicional. No entanto, esse conteúdo é um pouco maior.</p> <div class="d-flex justify-content-between align-items-center"> <div class="btn-group"> <button type="button" class="btn btn-sm btn-outline-secondary">Ver</button> <button type="button" class="btn btn-sm btn-outline-secondary">Editar</button> </div> <small class="text-muted">9 mins</small> </div> </div> </div> </div> </div> </div> </div> </main> <footer class="text-muted"> <div class="container"> <p class="float-right"> <a href="#">Voltar ao topo</a> </p> <p>Este exemplo de álbum é &copy; Bootstrap, mas, por favor, baixe e customize por conta própria.</p> <p>Novo no Bootstrap? <a href="../../">Visite a página principal</a> ou leia nosso guia <a href="../../getting-started/">getting started</a>.</p> </div> </footer> <!-- Principal JavaScript do Bootstrap ================================================== --> <!-- Foi colocado no final para a página carregar mais rápido --> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> <script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery-slim.min.js"><\/script>')</script> <script src="https://getbootstrap.com.br/docs/4.1/assets/js/vendor/popper.min.js"></script> <script src="https://getbootstrap.com.br/docs/4.1/dist/js/bootstrap.min.js"></script> <script src="https://getbootstrap.com.br/docs/4.1/assets/js/vendor/holder.min.js"></script> </body> </html>
  2. Eu tenho uma pasta nomeada projeto e dentro dessa pasta tenho outra chamada view e dentro dessa pasta view uma pasta chamada principal com um arquivo php que contém uma função que gera uma navbar, esse arquivo é a minha tela principal do site. Dentro da pasta view eu tenho uma outra pasta chamada modal, a qual eu fiz um modal que eu queria chamar no meu menu da página principal, só que eu não sei como chamar esse modal em um submenu por estar em um diretório/pasta diferente... alguém poderia me ajudar a resolver isso? O meu código do navbar é o seguinte: public function get_menu() { echo <<<HTML <nav class="navbar my-nav navbar-expand-lg"> <a class="navbar-brand" href="#">Sistema</a> <button class="navbar-toggler navbar-toggler-right custom-toggler" type="button" data-toggle="collapse" data-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 mr-auto"> <li class="nav-item active"> <a class="nav-link" href="#">Início <span class="sr-only">(current)</span></a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Cadastrar</a> <div class="dropdown-menu" aria-labelledby="navbarDropdown"> <a class="dropdown-item menu_item" href="#">Perfil</a> <a class="dropdown-item menu_item" href="#">Usuário</a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Consultar</a> <div class="dropdown-menu" aria-labelledby="navbarDropdown"> <a class="dropdown-item menu_item" href="#">Perfil</a> <a class="dropdown-item menu_item" href="#">Usuário</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Sair</a> </li> </ul> </div> </nav> HTML; }
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.