<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="UTF-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<title></title> | |
<link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet"> | |
<style> | |
/*通配符选择器*/ | |
[class*="col-"]{ | |
border: 1px solid gray; | |
} | |
@media only screen and (max-width: 768px) { | |
#demo{ | |
display: none; | |
} | |
} | |
</style> | |
</head> | |
<body> | |
<div class="container-fluid"> | |
<div class="row"> | |
<div id="demo" class="col-lg-2 col-md-1 col-sm-1">左侧导航</div> | |
<div class="col-lg-8 col-md-11 col-sm-11 col-lg-offset-2">右侧内容</div> | |
</div> | |
</div> | |
</body> | |
</html> | |
栅格系统
最新推荐文章于 2023-10-29 06:23:52 发布