Lennard Postado Julho 22, 2017 Denunciar Compartilhar Postado Julho 22, 2017 Olá, queria saber como faço para colocar os itens da navbar á direita, já tentei usar o "float: right" e outras coisas mas sem sucesso, cheguei a fazer uma gambiarra com o padding mas acontece que so ficava á direita em minha tela. Agradeço a quem me ajudar. Print de como está a navbar: http://prntscr.com/fyw5x9 Link para o comentário Compartilhar em outros sites More sharing options...
Wlek Postado Julho 22, 2017 Denunciar Compartilhar Postado Julho 22, 2017 (editado) Com o Bootstrap o padrão seguiria o modelo: <nav class="nav navbar-fixed-top navbar-inverse"> <div class="container"> <!-- Header --> <div class="navbar-header"> <!-- Botão toggle --> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#barra-navegacao"> <span class="sr-only">alternar navegação</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a href="index.html" class="navbar-brand"> <span>Logo</span> </a> </div> <!-- Navbar --> <div class="collapse navbar-collapse" id="barra-navegacao"> <ul class="nav navbar-nav navbar-right"> <li><a href="#">Opção1</a></li> <li><a href="#">Opção2</a></li> <li><a href="#">Opção3</a></li> </ul> </div> </div> Porem se não funcionar você pode adicionar uma classe na sua ul e adiciona-la no css: .navbar-direita { float: right !important; margin-right: -15px; } E para que possamos te ajudar melhor, poderia adicionar o seu código se possivel á algum editor de texto online, como o codepen.io Editado Julho 22, 2017 por Wlek Link para o comentário Compartilhar em outros sites More sharing options...
__Gabriel__ Postado Julho 22, 2017 Denunciar Compartilhar Postado Julho 22, 2017 Ja tento <ul class="nav navbar-nav navbar-right"> Link para o comentário Compartilhar em outros sites More sharing options...
Lennard Postado Julho 22, 2017 Autor Denunciar Compartilhar Postado Julho 22, 2017 Ja tento <ul class="nav navbar-nav navbar-right"> Já, não resultou Link para o comentário Compartilhar em outros sites More sharing options...
__Gabriel__ Postado Julho 22, 2017 Denunciar Compartilhar Postado Julho 22, 2017 Já, não resultou What que bug era pra funfar Link para o comentário Compartilhar em outros sites More sharing options...
Luiiiz Postado Julho 22, 2017 Denunciar Compartilhar Postado Julho 22, 2017 (editado) Tenta <ul class="nav navbar-nav navbar-right navbar-header"> Editado Julho 22, 2017 por Luiiiz Link para o comentário Compartilhar em outros sites More sharing options...
žƒэเ†เ¢эเя๏ Postado Julho 25, 2017 Denunciar Compartilhar Postado Julho 25, 2017 <p style="text-align:center;"><img alt="logo-forum.png" src="http://www.gamersboard.com.br/logo-forum.png"/></p><br /></br><br /></br><br />Sua dúvida foi marcada como [Resolvido] e movido à área de dúvidas resolvidas.</br><br /></br><br /></br><br />Atenciosamente,</br><br />Gamer's Board</br> Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
Lennard
Olá, queria saber como faço para colocar os itens da navbar á direita, já tentei usar o "float: right" e outras coisas mas sem sucesso, cheguei a fazer uma gambiarra com o padding mas acontece que so ficava á direita em minha tela.
Agradeço a quem me ajudar.
Print de como está a navbar: http://prntscr.com/fyw5x9
Link para o comentário
Compartilhar em outros sites
6 respostass a esta questão
Posts Recomendados