BS5 容器

练习 1 练习 2 前往 BS5 容器教程

BS5 排版

练习 1 练习 2 练习 3 前往 BS5 排版教程

BS5 颜色

练习 1 练习 2 前往 BS5 颜色教程

BS5 图片

练习 1 练习 2 练习 3 练习 4 前往 BS5 图像教程

BS5 表格

练习 1 练习 2 练习 3 练习 4 练习 5 前往 BS5 表格教程

BS5 警报

练习 1 练习 2 练习 3 前往 BS5 警告教程

BS5 按钮

练习 1 练习 2 练习 3 练习 4 练习 5 练习 6 练习 7 前往 BS5 按钮教程

BS5 徽章

练习 1 练习 2 练习 3 前往 BS5 徽章教程

BS5 进度条

练习 1 练习 2 练习 3 练习 4 前往 BS5 进度条教程

BS5 旋转器

练习 1 练习 2 前往 BS5 旋转器教程

BS5 分页

练习 1 练习 2 练习 3 前往 BS5 分页教程

BS5 列表组

练习 1 练习 2 前往 BS5 列表组教程

BS5 卡片

练习 1 练习 2 前往 BS5 卡片教程

BS5 下拉菜单

练习 1 前往 BS5 下拉菜单教程

BS5 折叠

练习 1 前往 BS5 折叠教程

BS5 导航

练习 1 练习 2 练习 3 前往 BS5 导航教程

BS5 导航栏

练习 1 练习 2 练习 3 前往 BS5 导航栏教程

×

×

正确

练习：

填写缺失的空格，创建一个在小屏幕上应该变成垂直的导航栏：

<nav class="navbar navbar-expand-sm bg-light"> <div class="container-fluid"> <ul class="navbar-nav"> <li class="nav-item"> <a class="nav-link" href="#">Link 1</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Link 2</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Link 3</a> </li> </ul> </div> </nav>

不正确

点击此处重试

正确

下一题 ❯

<nav class="w3exercise_input_no_0
 w3exercise_input_no_1
 bg-light">
  <div class="container-fluid">
    <ul class="w3exercise_input_no_2
">
      <li class="nav-item">
        <a class="nav-link" href="#">Link 1</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Link 2</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Link 3</a>
      </li>
    </ul>
  </div>
</nav>