请问老师为什么我给导航栏的外层div添加d-sm-none但是它却只在小屏中显示
来源：4-4 自由编程
一架小飞机
2020-09-25 14:57:07
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>4-4自由编程</title>
<!-- 引入栅格系统 -->
<link rel="stylesheet" href="../grid.css">
<!-- 页面cass -->
<link rel="stylesheet" href="./imooc.css">
</head>
<body>
<!-- 最外层容器 -->
<div class="container">
<!-- 导航栏 -->
<div class="nav-container col-5 d-sm-none d-block">
<ul class="header-nav">
<li class="nav-item">
<a href="#" class="nav-link">首页</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">关于</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">商业合作</a>
</li>
</ul>
</div>
<!-- logo图片 -->
<div class="logo-container col-7">
<a href="#" class="logo-img">
<img src="./img/logo.png" alt="">
</a>
</div>
</div>
</body>
</html>
1回答
-
好帮手慕星星
2020-09-25
同学你好，d-sm-none类名的意思是在大于576px的宽度上隐藏，覆盖了d-block显示
小于576px的时候显示
自己再测试理解下，祝学习愉快！
0
相似问题