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 - 如何在我的 html 中将 svg 居中?

html - 在表格中放置两个div,一个中间和一个底部

javascript - 延迟加载在 Bootstrap 轮播中不起作用

css - Bootstrap 导航栏如何使其全屏显示

css - Bulma:尝试用两行制作导航栏,在移动设备中,第一行的搜索输入移动到第二行

html - em 中的媒体查询不受基本字体大小的影响

jquery - CSS 旋转立方体在立方体上进行 translateZ 后不起作用

html - 目前正在尝试将水平滚动添加到图片库的不同部分。只有达到窗口宽度后才垂直堆叠

php - 如何用bootstrap安排网页布局?

AngularJs,无论用户是否连接都更改菜单项