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

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

最佳答案

只需在下面的另一个 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

关于html - 导航栏上的一个链接到右侧,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29051387/

相关文章:

javascript - 无法读取null的属性“offsetTop”(粘性导航栏)

javascript - 以半页为增量在浏览器中垂直放置嵌入式PDF

javascript - 为什么我的SVG图像可以在Chrome上完美显示,但是当我在iPhone上打开它时却无法显示?

javascript - ajax 的 ajax 硬编码值(新手)

css - Bootstrap 3后台导航栏默认使用sass

css - Bootstrap 全宽导航栏和 "@media"

javascript - 如何在元素向下滚动的同时向上扩展元素?

css - Twitter bootstrap 带有标签的图标的完整列表

css - 如何在 ASP.NET 中更改 Bootstrap CSS 文件?

html - 有没有更好的方法来折叠此导航栏