bootstrap 4中导航的右侧部分

在Bootstrap 4中，导航的右侧部分可以通过添加相应的CSS类来实现不同的效果和功能。

右对齐导航：可以使用ml-auto类将导航项右对齐。例如：

<ul class="navbar-nav ml-auto">
  <li class="nav-item">
    <a class="nav-link" href="#">链接1</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#">链接2</a>
  </li>
</ul>

搜索框：可以在导航的右侧添加一个搜索框。例如：

<form class="form-inline">
  <input class="form-control mr-sm-2" type="search" placeholder="搜索" aria-label="搜索">
  <button class="btn btn-outline-success my-2 my-sm-0" type="submit">搜索</button>
</form>

用户登录/注册：可以在导航的右侧添加用户登录或注册的链接。例如：

<ul class="navbar-nav ml-auto">
  <li class="nav-item">
    <a class="nav-link" href="#">登录</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#">注册</a>
  </li>
</ul>

下拉菜单：可以在导航的右侧添加一个下拉菜单。例如：

<ul class="navbar-nav ml-auto">
  <li class="nav-item dropdown">
    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
      下拉菜单
    </a>
    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
      <a class="dropdown-item" href="#">选项1</a>
      <a class="dropdown-item" href="#">选项2</a>
      <div class="dropdown-divider"></div>
      <a class="dropdown-item" href="#">其他</a>
    </div>
  </li>
</ul>

以上是Bootstrap 4中导航的右侧部分的一些常见应用示例。根据具体需求，可以根据Bootstrap的文档和示例进行进一步定制和扩展。

腾讯云相关产品和产品介绍链接地址：