开始上手bootstrap

前端路上,与君共勉

由于业务需要,开始接触Bootstrap框架。感觉上手难度不大,而且设计简洁大方,文档和教程都非常详尽。

引入bootstrap

引入bootstrap css样式库以及bootstrap js库和jq库

1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
</head>
<body>
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
</body>
</html>

也可以直接下载源码方便学习以及本地调试。

思维导图

花了点时间做了一个思维导图,感觉做完以后对整个bootstrap有了比较清晰的了解,知道哪些是bootstrap能做的。
bootstrap
如果这个图不清晰,请 查看原图

全局 CSS 样式

JavaScript 插件

玩转Bootstrap(基础)

坚持原创技术分享,您的支持将鼓励我继续创作!