老师检查一下

来源: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回答

好帮手慕久久

2020-07-11

同学你好,第一张图和第三张图的排列顺序会随着屏幕宽度变化而改变,同学使用的类名是正确的,只是“col-md-order-first”这个类名,对应的css样式文件,应该是源码中的“grid-flex.css”,同学使用的是“grid.css”。老师将“grid.css”换成“grid-flex.css”后,测试同学的页面,效果是正确的,还需要同学自查一下,看看自己样式文件的内容是否对应。

如果我的回答帮到了你,欢迎采纳,祝学习愉快!


0

0 学习 · 6815 问题

查看课程