老师检查一下
来源:5-3 自由编程
慕斯卡3605978
2020-07-11 11:26:54
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="../css/base.css">
<link rel="stylesheet" type="text/css" href="../css/grid.css">
<style type="text/css">
.container{
background-color: #eee;
margin-top: 50px;
}
</style>
</head>
<body>
<div class="slider-container">
<div class="container">
<div class="row">
<div class="col-md-4 col-md-order-last">
<img src="img/1.jpg">
</div>
<div class="col-md-4">
<img src="img/2.jpg">
</div>
<div class="col-md-4 col-md-order-first">
<img src="img/3.jpg">
</div>
</div>
</div>
</div>
</body>
</html>
1回答
同学你好,第一张图和第三张图的排列顺序会随着屏幕宽度变化而改变,同学使用的类名是正确的,只是“col-md-order-first”这个类名,对应的css样式文件,应该是源码中的“grid-flex.css”,同学使用的是“grid.css”。老师将“grid.css”换成“grid-flex.css”后,测试同学的页面,效果是正确的,还需要同学自查一下,看看自己样式文件的内容是否对应。
如果我的回答帮到了你,欢迎采纳,祝学习愉快!
相似问题