Bootstrap: How can I set the items of my nav bar horizontally? -
can me please... i'm trying set menu items of nav horizontally.
here's header:
<meta charset=amp;quot;utf-8amp;quot;> <meta http-equiv=amp;quot;x-ua-compatibleamp;quot; content=amp;quot;ie=edgeamp;quot;> <meta name=amp;quot;viewportamp;quot; content=amp;quot;width=device-width, initial-scale=1amp;quot;> <script src="https://npmcdn.com/tether@1.2.4/dist/js/tether.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
and menu view:
<nav class="navbar navbar-default"> <div class="container-fluid"> <div class="navbar-header"> <ul class="nav navbar-nav"> <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">inicio <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="#">opcion 1</a></li> <li><a href="#">opcion 2</a></li> <li><a href="#">opcion 3</a></li> </ul> </li> <li><a href="#">pagina 2</a></li> <li><a href="#">pagina 3</a></li> </ul> </div> </div> </nav>
i'm getting menu items vertically, don't want that... horizontally. please me
<nav class="navbar navbar-default"> <div class="container-fluid"> <div class="navbar-header"> <ul class="nav navbar-nav"> <li><a href="#">opcion 1</a></li> <li><a href="#">opcion 2</a></li> <li><a href="#">opcion 3</a></li> <li><a href="#">pagina 2</a></li> <li><a href="#">pagina 3</a></li> </ul> </div> </div> </nav>
Comments
Post a Comment