在Bootstrap 4中的菜单项之间添加图标

在Bootstrap 4中，可以通过使用Font Awesome图标库来在菜单项之间添加图标。Font Awesome是一套开源的图标字体库，提供了丰富的矢量图标，可以通过CSS样式来使用。

要在Bootstrap 4的菜单项中添加图标，可以按照以下步骤进行操作：

首先，在HTML文件中引入Font Awesome的CSS文件。可以通过以下CDN链接引入：

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">

在菜单项的HTML代码中，使用<i>标签来添加图标。<i>标签是Font Awesome图标的通用标签。

<ul class="navbar-nav">
  <li class="nav-item">
    <a class="nav-link" href="#"><i class="fas fa-home"></i> 首页</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#"><i class="fas fa-user"></i> 个人资料</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#"><i class="fas fa-cog"></i> 设置</a>
  </li>
</ul>

在上面的代码中，<i>标签的class属性指定了要使用的图标。fas表示使用Font Awesome的实心图标样式，后面的fa-home、fa-user、fa-cog分别表示不同的图标名称。