i have created nav bar, can't move logout button, want move right of screen. using bootstrap build navbar.
here code have used far. how move right?
<nav class="navbar navbar-fixed-top navbar-inverse" role="navigation"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <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="index.html">logout</a>--> <?php //echo $_session["staffname"]; if(isset($_session["staffid"]) && $_session["staffid"] != null)//$_session { ?> <a class="navbar-brand"> welcome <?php echo $_session["staffname"]; ?></a> <a href="logout.php" class="navbar-brand"><strong>logout</strong></a> <?php } ?> </div> </div> </nav>
you have pull right , remove navbar-brand: class="pull-right". because navbar-brand float-left styled.
bootstrap style it:
.navbar-brand { float: left; height: 50px; padding: 15px 15px; font-size: 18px; line-height: 20px; } your code should be:
<nav class="navbar navbar-fixed-top navbar-inverse" role="navigation"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <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="index.html">logout</a>--> <?php //echo $_session["staffname"]; if(isset($_session["staffid"]) && $_session["staffid"] != null)//$_session { ?> <a href="logout.php" class="pull-right"> <strong>logout</strong></a> <a class="pull-left">welcome <?php echo $_session["staffname"]; ?></a> <?php } ?> </div> </div> </nav> 
Comments
Post a Comment