asp.net mvc 4 - Bootstrap a value on two lines -
with code have menu (i should have 5 entries) in example have 3 menu, , on right want have email address of client + log off, problem email + log off on 2 lines, want on 1 line how it's possible have on 1 line
thanks
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top"> <nav class="navbar navbar-default navbar-fixed-top" role="navigation"> <div class="container"> <div class="navbar-header page-scroll"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"> <span class="sr-only">toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#page-top">general information</a> </div> <div class="collapse navbar-collapse navbar-ex1-collapse"> <ul class="nav navbar-nav"> <li class="hidden"> <a href="#page-top"></a> </li> <li class="page-scroll"> <a href="#services">client</a> </li> <li class="page-scroll"> <a href="#contact">sales</a> </li> </ul> <ul class="nav navbar-nav navbar-right"> <li> @if (request.isauthenticated) { <text> @html.actionlink(user.identity.name, "manage", "account", routevalues: null, htmlattributes: new { @class = "username", title = "manage" }) @using (html.beginform("logoff", "account", formmethod.post, new { id = "logoutform" })) { @html.antiforgerytoken()<a href="javascript:document.getelementbyid('logoutform').submit()">log off</a> } </text> } </li> </ul> </div> <!-- /.navbar-collapse --> </div> <!-- /.container --> </nav> </body>
this it... plug dynamic code in there, , should go:
(bootply: http://www.bootply.com/7k3oqkp7el)
<div class="navbar navbar-default navbar-fixed-top"> <div class="container"> <div class="navbar-header"><a class="navbar-brand" href="#">general</a> <a class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a> </div> <div class="navbar-collapse collapse"> <ul class="nav navbar-nav"> <li class="active"><a href="#">home</a></li> <li><a href="#">client</a></li> <li><a href="#">sales</a></li> </ul> <ul class="nav navbar-nav navbar-right"> <li><a href="#">manage</a></li> <li><a href="#">log off</a></li> </ul> </div> </div> </div>
Comments
Post a Comment