学习资料：b站@表严肃https://www.bilibili.com/video/av10037144/index_1.html#page=1
Bootstrap的中文网站https://v3.bootcss.com/getting-started/#download
PS：文档很有用
编程软件：Atom（深受@表严肃的安利，感觉在他手上神了。原来用sublime）
起步：（那就走一个）
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
</head>
<link rel="stylesheet" href="bootstrap.css">
<body>
<h1>登录</h1>
<form class="container">
<div class="form-group">
<label>用户名</label>
<input type="text" class="form-control">
</div>
<div class="form-group">
<label>密码</label>
<input type="password" class="form-control">
</div>
<div class="form-group">
<button type="submit" class="btn btn-primary btn-block">提交</button>
</div>
</form>
</body>
</html>
存html，这就是bootstrap的神奇之处。container、form-control、form-group、btn、btn-primary、btn-block都是bootstrap自定义的css样式，直接引用为class名，不可更改，但是可以加个空格，然后在后面叠加效果。
bootstrap帮我们做的工作，主要就是自行渲染当前页面和提供响应式服务。所谓的响应式就是根据当前窗口大小调整页面布局，例如移动端和PC端的页面布局就不一样。
693
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
