Bootstrap框架入门

前言

近期利用业余时间在学习一些前端的基础知识，今天整理一下这段时间在使用bootstrap进行开发获得的一些收获，博客内容比较基础，仅为了个人总结，有错误之处还请大神指出~

Bootstrap

Bootstrap是Twitter推出的一个用于前端开发的开源工具包，目前比较常用的版本是Bootstrap3.3.7，国内有一个比较好的关于Bootstrap的中文网站，我们通过这个网站可以很方便的进行Bootstrap学习

Bootstrap的使用

我们可以使用Bootstrap 中文网专门为Bootstrap构建的免费的CDN加速服务

<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

Bootstrap的模板

在浏览Bootstrap 中文网时，我们能看到有一个实例精选模块，里面为我们提供了很多种不同应用场景下的模板，对于新手而言，学习这些模板的具体实现原理是一个非常不错的方法

Bootstrap的组件

Bootstrap为我们提供了各种各样的组件，我们可以浏览这些组件并尝试将他们运用到自己的项目中

Bootstrap的扩展

除了上述的基础功能外，还有很多基于Bootstrap开发的开源扩展，利用这些扩展可以很方便的帮助我们实现一些功能，最近我就使用了bootstrap-table扩展来帮助我实现一个报表功能

---

欢迎访问我的个人博客