相关疑难解决方法(0)

Bootstrap 4将导航栏项目对齐到右侧

如何将导航栏项目对齐?

我想登录并注册到右边.但我尝试的一切似乎都不起作用.

Navbar的图片

这是我到目前为止所尝试的:

  • <div>围绕<ul>着属性:style="float: right"
  • <div>围绕<ul>着属性:style="text-align: right"
  • <li>标签上尝试了这两件事
  • !important添加到最后再尝试所有这些东西
  • 改变nav-itemnav-right<li>
  • 添加了一个pull-sm-right<li>
  • 添加了一个align-content-end<li>

这是我的代码:

<div id="app" class="container">
  <nav class="navbar navbar-toggleable-md navbar-light bg-faded">
    <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
    <a class="navbar-brand" href="#">Navbar</a>
    <ul class="navbar-nav">
      <li class="nav-item active">
        <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Features</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" …
Run Code Online (Sandbox Code Playgroud)

css navbar flexbox twitter-bootstrap bootstrap-4

295
推荐指数
12
解决办法
39万
查看次数

标签 统计

bootstrap-4 ×1

css ×1

flexbox ×1

navbar ×1

twitter-bootstrap ×1