导航栏上的一个链接到右侧

时间:2015-03-14 16:36:28

标签: html twitter-bootstrap navbar

导航栏右侧的登录按钮

<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>

1 个答案:

答案 0 :(得分: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