Initial commit

.gitattributes

@@ -0,0 +1,2 @@
+# Auto detect text files and perform LF normalization
+* text=auto

bootstrap-make-online-exam-page-master/README.md

@@ -0,0 +1,36 @@
+# 练习：使用Bootstrap制作试卷
+
+## 需求说明:
+
+根据以下原型图，在 `index.html` 中编写 HTML 代码。
+
+![](./mockup.png)
+
+## 挑战:
+
+1. 运用Bootstrap栅格系统完成页面布局
+2. 运用Bootstrap的不同文本类型
+3. 运用Bootstrap的输入组件实现试卷答题功能
+
+### 要求:
+
+1. 使用Bootstrap栅格系统完成页面布局
+2. 使用合适的Bootstrap文本类型显示题目说明
+3. 使用Bootstrap的输入组件实现试卷答题功能
+
+
+备注：样式不要求严格一样，功能实现即可。
+
+## 学习资源
+
+1. CSS W3school教程：[http://www.w3school.com.cn/css/index.asp](http://www.w3school.com.cn/css/index.asp)
+
+2. Bootstrap中文文档：[http://www.bootcss.com/](http://www.bootcss.com/)
+
+3. CSS盒子模型（[http://www.w3school.com.cn/css/css_boxmodel.asp](http://www.w3school.com.cn/css/css_boxmodel.asp)）
+
+4. 栅格系统（[http://v3.bootcss.com/css/#grid](http://v3.bootcss.com/css/#grid)）
+
+5. 什么是响应式设计（[https://www.zhihu.com/question/20976405](https://www.zhihu.com/question/20976405)）
+
+6. Bootstrap UI组件使用方法（[http://v3.bootcss.com/components/](http://v3.bootcss.com/components/)）