【问题标题】:one link on navbar to the right side导航栏上的一个链接到右侧
【发布时间】:2015-03-19 23:41:46
【问题描述】:
导航栏右侧的登录按钮
<nav class="navbar navbar-inverse">
<a href="index.php" class="navbar-brand">Klokkebutikk</a>
<ul class="nav navbar-nav">
<li><a href="index.php?kategori=1">Herre</a></li>
<li><a href="index.php?kategori=2">Dame</a></li>
<li><a href="index.php?kategori=3">Barn</a></li>
<li><a href="ny.php">Logg inn</a></li>
</ul>
</nav>
【问题讨论】:
标签:
html
twitter-bootstrap
navbar
【解决方案1】:
只需在下面的另一个ul 中添加链接并使用pull-right 类
<nav class="navbar navbar-inverse">
<a href="index.php" class="navbar-brand">Klokkebutikk</a>
<ul class="nav navbar-nav">
<li><a href="index.php?kategori=1">Herre</a></li>
<li><a href="index.php?kategori=2">Dame</a></li>
<li><a href="index.php?kategori=3">Barn</a></li>
</ul>
//add here
<ul class="pull-right nav navbar-nav">
<li><a href="ny.php">Logg inn</a></li>
</ul>
</nav>
此处为示例 - http://www.bootply.com/NJ0UqYdKsh