html - 使用引导程序为响应式应用程序列出元素

Question

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

  <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>

标签： html

Answer 1

试试这样：

 <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>