一丶bootstrap的使用
下载资源文件:
<pre><a href='https://v3.bootcss.com/getting-started/#download' target="_blank">bootstrap官网</a></pre>
导入
二丶栅格
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>栅格系统</title>
<link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.css">
<style>
.col-md-1, .col-md-3, .col-md-5, .col-md-7, .col-md-9, .col-md-11 {
height: 50px;
line-height: 50px;
border: 1px solid mediumaquamarine;
}
.col-md-2, .col-md-4, .col-md-6, .col-md-8, .col-md-10, .col-md-12 {
height: 50px;
line-height: 50px;
border: 1px solid red;
}
.col-xs-6 {
height: 50px;
line-height: 50px;
border: 1px solid chartreuse;
}
</style>
</head>
<body>
