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/

相关文章:

html - 平板电脑的下拉菜单

javascript - 如何在 jquery 的自动完成下拉列表旁边显示弹出窗口?

html - 如何使我的按钮适合我的导航栏大小

php - 如何使用 PHPMyAdmin 在 PHP 中添加多个评论框?

javascript - 密码字段获得焦点后启用表单登录按钮

html - 无法点击 <li> 或 <a> 元素,但浏览器会显示它们

css - 为什么没有应用 Bootstrap 类?

iPhone HTML5 原生 <audio> 控件无法正确呈现

html - Bootstrap 4 Navbar - 间距元素(右、中、左)

html - 带有CSS的下拉菜单不起作用