") == -1) { html = " " + html; } html = html.replace("",""); html = html.replace("",""); html = html.replace("",""); html = html.trim(); doc.innerHTML = html; return ( doc.innerHTML.toLowerCase() === html.toLowerCase() ); } function codeCheckWarningClose() { document.getElementById("codeCheckWarning").style.display = "none"; } function codeCheckCorrectClose() { document.getElementById("codeCheckCorrect").style.display = "none"; }

×

×

正确！

练习

填写缺失的空白处，创建一个导航栏，在小屏幕上应变为垂直方向。

<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="#">链接 1</a> </li> <li class="nav-item"> <a class="nav-link" href="#">链接 2</a> </li> <li class="nav-item"> <a class="nav-link" href="#">链接 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="#">链接 1</a> </li> <li class="nav-item"> <a class="nav-link" href="#">链接 2</a> </li> <li class="nav-item"> <a class="nav-link" href="#">链接 3</a> </li> </ul> </div> </nav>

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 导航栏教程

练习 1 练习 2 练习 3 访问 BS5 导航栏教程