Bootstrap3 简介（一）

素颜马尾好姑娘i 2023-10-18 15:11 109阅读 0赞

[http://www.runoob.com/bootstrap/bootstrap-grid-system.html][http_www.runoob.com_bootstrap_bootstrap-grid-system.html]

**一、什么是 Bootstrap？**  
Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 。  
  
**二、 为什么使用 Bootstrap？**  
1)移动设备优先：  
2)浏览器支持  
3)容易上手  
4)响应式设计  
  
**三、Bootstrap 包的内容**  
1)基本结构：Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构  
2)CSS：Bootstrap 自带以下特性：全局的 CSS 设置、定义基本的 HTML 元素样式、可扩展的 class，以及一个先进的网格系统  
3)组件：Bootstrap 包含了十几个可重用的组件，用于创建图像、下拉菜单、导航、警告框、弹出框等等  
4)JavaScript 插件：Bootstrap 包含了十几个自定义的 jQuery 插件。您可以直接包含所有的插件，也可以逐个包含这些插件  
5)定制：您可以定制 Bootstrap 的组件、LESS 变量和 jQuery 插件来得到您自己的版本。  
  
**四、下载 Bootstrap**   
http://getbootstrap.com/

根据自己的需求下载对应的版本哦！

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hseDIwMDgwODA4_size_16_color_FFFFFF_t_70][]

**五、Bootstrap架构**

**![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hseDIwMDgwODA4_size_16_color_FFFFFF_t_70 1][]**

**六、浏览器支持**

**![20190305165838408.png][]**

[http_www.runoob.com_bootstrap_bootstrap-grid-system.html]: http://www.runoob.com/bootstrap/bootstrap-grid-system.html
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hseDIwMDgwODA4_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20190305165030125.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hseDIwMDgwODA4,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hseDIwMDgwODA4_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20190305165807525.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hseDIwMDgwODA4,size_16,color_FFFFFF,t_70
[20190305165838408.png]: https://img-blog.csdnimg.cn/20190305165838408.png