18910140161

Html

首页 >> 前端开发 >> Html

HTML-引导程序中的垂直NAV-堆栈溢出

顺晟科技

2022-10-19 13:59:46

71

<body>

<div class="container mt-3">
  <h2>Vertical Nav</h2>
  <p>Use the .flex-column class to create a vertical nav:</p>
  <ul class="nav flex-column">
    <li class="nav-item">
      <a class="nav-link" href="#">Link</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#">Link</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#">Link</a>
    </li>
    <li class="nav-item">
      <a class="nav-link disabled" href="#">Disabled</a>
    </li>
  </ul>
</div>

</body>

如何使navbar以这种方式引导，在侧边栏的右侧有更多的选项，如图所示？ 在此处输入图像说明

顺晟科技：

您可以从Bootstrap站点查看示例页。 https://getbootstrap.com/docs/5.1/examples/

查看下面的演示:

  • TAG：
上一篇：javascript-innerht 下一篇：HTML-PHP文件不显示任何输出堆
相关文章
推荐阅读
随机推荐
我们已经准备好了，你呢？
获取网站建设报价
2024我们与您携手共赢，为您的企业形象保驾护航！