twitter-bootstrap 导航栏注销按钮
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/31477342/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Navbar logout button
提问by harryHops
I have created a nav bar, but I can't move the logout button, I want to move it to the right of the screen. I am using bootstrap to build the navbar.
我创建了一个导航栏，但我无法移动注销按钮，我想将其移动到屏幕右侧。我正在使用引导程序来构建导航栏。
Here is the code I have used so far. How could I move it to the 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>
回答by KmeCnin
You have to pull it to the right and remove navbar-brand: class="pull-right".
Because navbar-brandis float-leftstyled.
你必须把它拉到右边并删除 navbar-brand: class="pull-right"。因为navbar-brand有float-left风格。
Bootstrap style is as it:
Bootstrap 风格是这样的：
.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>
