前端基础 - Bootstrap简介

Bootstrap简介

简介

Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。

优势

• 移动设备优先： 自 Bootstrap 3 起，框架包含了贯穿于整个库的移动设备优先的样式
• 浏览器支持： 所有的主流浏览器都支持 Bootstrap
• 响应式设计： Bootstrap 的响应式 CSS 能够自适应于台式机、平板电脑和手机

组成部分：

1. 全局css 设置全局 CSS 样式；基本的 HTML 元素均可以通过 class 设置样式并得到增强效果；还有先进的栅格系统。
2. 组件 无数可复用的组件，包括字体图标、下拉菜单、导航、警告框、弹出框等更多功能。
3. js插件 jQuery 插件为 Bootstrap 的组件赋予了“生命”。可以简单地一次性引入所有插件，或者逐个引入到你的页面中。

使用步骤

1. 导入jquery-1.11.0.min.js文件
2. 导入bootstrap.css文件
3. 导入bootstrap.js文件
4. 创建视口 < meta name=“viewport” content=“width=device-width, initial-scale=1”>
5. 创建布局容器

< div class="container">
        .......
< /div>
< div class="container-fluid">
          .....
< /div>

学习链接

Bootstrap学习链接

里面有很多适合初学者学习的资料，如下图：