从今天开始记录bootstrap的学习之路,本人菜鸟一枚,不对之处还请大家多多指教。本篇内容主要讲述一下bootstrap的简介和安装环境,下一篇内容开始讲bootstrap的具体使用。
一、Bootstrap的简介:
Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架,由 Twitter 的 Mark Otto 和 Jacob Thornton 开发的, 是 2011 年八月在 GitHub 上发布的开源产品。它的在线文档里有这么两句话:“Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目。所有开发者都能快速上手、所有设备都可以适配、所有项目都适用”,由此可见该框架功能之强大。对了,它还是一个完全开源的框架。
它目前最新的版本是v4.1.3。
二、环境安装:
bootstrap的安装还是比较简单的,我们可以从 http://getbootstrap.com/ 上下载 Bootstrap 的最新版本。当您点击这个链接时,您将看到如下所示的网页:
最下面v4.1.3表示当前版本,点击红框1进入Bootstrap的学习(不过全是英文的),红框2进入下载链接,Compiled CSS and JS下的download按钮下载的是:Bootstrap CSS、JavaScript 和字体的预编译的压缩版本,不包含文档和最初的源代码文件。而Source files下的download source按钮下载的是源代码,得到最新的 Bootstrap LESS 和 JavaScript 源代码。
为了更好的了解和更方便的使用,我将在接下来的学习中使用 Bootstrap 的预编译版本(具体版本号v3.3.4 )。
三、文件结构:
如下图所示,红色框内是bootstrap的结构:
本篇文章内容到此结束,下一篇开始记录学习它的使用。