Html 使用引导程序为响应应用程序列出行中的元素

我有一个带列表的导航栏。列表中的项目必须在任何设备上对齐。 在我的代码中，列表中的项目仅适用于大分辨率，但对于移动设备，它们是一个在另一个下面。 我怎样才能排队？ 我正在使用md引导程序使其具有响应性

  <div class="row">
    <div class="col-sm-12">
      <nav class="navbar navbar-expand-md navbar-light">
        <ul>
          <li> my profile </li>
          <li> home </li>
        </ul>
      </nav>
    </div>
 </div>

我的个人资料
家

试着这样做：

 <div class="row">
    <div class="col-sm-12">
      <nav class="navbar navbar-expand-md navbar-light">
        <ul class="d-md-flex">
          <li> my profile </li>
          <li> home </li>
        </ul>
      </nav>
    </div>
 </div>

我的个人资料
家

您也可以这样做，使用内置的引导类创建列：

  <nav class="navbar navbar-expand-md navbar-light">
    <ul class="row">
      <li class="col-md-3"> my profile </li>
      <li class="col-md-3"> home </li>
    </ul>
  </nav>

我的个人资料
主页

使用

显示：内联块`
。。。。