the picture and introduction are divided into two columns when the screen is large, and the picture is on the top when the screen is small, and the content of the introduction is at the bottom
. Big screen
< html lang= "zh-CN" >
<head>
<meta charset="utf-8" />
<title></title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=0">
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container-fluid">
<div class="row-fluid">
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
<img src="upload/Pccebd723bda24ad7a5336412e608c8d7.jpg" title="gjsys_03.jpg" _src="/upload/Pccebd723bda24ad7a5336412e608c8d7.jpg" />
</div>
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
</div>
</div>
</div>
</body>
< / html >
Why can"t you achieve the effect if you write it like this? where do you need to change it?