Jump to content
veaoum

Colocar o botão do menu a direita

Recommended Posts

veaoum

Boas estou a começar a usar o bootstrap e queria saber como é que faço o colocar o botão que aparece em vez do menu, quando encolhemos a janela, a direita em vez de ficar a esquerda.

<!doctype html>
<html>
<head>
 <title> Braga tours </title>
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <link href = "css/bootstrap.min.css" rel ="stylesheet">
 <link href = "css/styles.css" rel ="stylesheet">
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>

<body background="img/IMGcabecalho.jpg" style="background-repeat:repeat-x;" >
 <div class = "navbar navbar-static-top">

  <div class="container">
<!-- <a href ="#" class="navbar-brand">Braga Tours</div> -->
<button class="navbar-toggle" data-toggle = "collapse" data-target=".navHeaderCollapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="collapse navbar-collapse navHeaderCollapse">
 <ul class = "nav navbar-nav navbar-left">
  <li><a href="#"> Inicio</a></li>
  <li class="dropdown">
   <a href="#" class="dropdown-toggle" data-toggle="dropdown"> Circuitos & Serviços<b class="caret"></b></a>
   <ul class="dropdown-menu">
	<li> <a href="#"> Walking Tours</a></li>
	<li> <a href="#"> Segway Tours</a></li>
	<li> <a href="#"> Van Tours</a></li>
	<li> <a href="#"> Aluger de Segway</a></li>
   </ul>
  </li>
  <li><a href="#"> Reservas</a></li>
  <li><a href="#"> Contactos</a></li>
  <li><a href="#"> Sobre nós</a></li>
 </ul>
</div>
  </div>
 </div>

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
 <script src="js/bootstrap.js"></script>
</body>


</html>
 

Share this post


Link to post
Share on other sites
veaoum

navbar-right coloca o menu à direita mas quando faz o colapse o menu volta para o outro lado

Share this post


Link to post
Share on other sites
filipe3632

Mas queres que fique a direita o que?

O botao está a direita


Peace, Love & Empathy by: Kurt Cobain

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.