Bootstrap 简介

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

历史

Bootstrap 是由 Twitter 的 Mark Otto 和 Jacob Thornton 开发的。Bootstrap 是 2011 年八月在 GitHub 上发布的开源产品。

为什么使用 Bootstrap?

  • 移动设备优先:自 Bootstrap 3 起,框架包含了贯穿于整个库的移动设备优先的样式。

  • 浏览器支持:所有的主流浏览器都支持 Bootstrap。

        

  • 容易上手:只要您具备 HTML 和 CSS 的基础知识,您就可以开始学习 Bootstrap。

  • 响应式设计:Bootstrap 的响应式 CSS 能够自适应于台式机、平板电脑和手机。

  • 它为开发人员创建接口提供了一个简洁统一的解决方案。

  • 它包含了功能强大的内置组件,易于定制。

  • 它还提供了基于 Web 的定制。

  • 它是开源的。

Bootstrap 包的内容

  • 基本结构:Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构。这将在 Bootstrap 基本结构 部分详细讲解。

  • CSS:Bootstrap 自带以下特性:全局的 CSS 设置、定义基本的 HTML 元素样式、可扩展的 class,以及一个先进的网格系统。这将在 Bootstrap CSS 部分详细讲解。

  • 组件:Bootstrap 包含了十几个可重用的组件,用于创建图像、下拉菜单、导航、警告框、弹出框等等。这将在 布局组件 部分详细讲解。

  • JavaScript 插件:Bootstrap 包含了十几个自定义的 jQuery 插件。您可以直接包含所有的插件,也可以逐个包含这些插件。这将在 Bootstrap 插件 部分详细讲解。

  • 定制:您可以定制 Bootstrap 的组件、LESS 变量和 jQuery 插件来得到您自己的版本。

转载于:https://blog.51cto.com/qishuizhuhua/1548161

Bootstrap学习:bootstrap简介(节选w3c菜鸟日记)相关推荐

  1. bootstrap学习(二)页面

    bootstrap学习(二)页面 响应式图片: //当图片大的时候,逐渐缩小浏览器大小,图片会显示为自适应大小 ,img-responsive <div class="containe ...

  2. Bootstrap学习(一):Bootstrap简介

    一.Bootstrap简介 Bootstrap,来自 Twitter,是目前最受欢迎的前端框架.Bootstrap 是基于 HTML.CSS.JAVASCRIPT 的,它简洁灵活,使得 Web 开发更 ...

  3. python 全栈开发,Day57(响应式页面-@media介绍,jQuery补充,移动端单位介绍,Bootstrap学习)...

    昨日内容回顾 ajax //get post 两种方式 做 请求get 主要是获取数据 post 提交数据同一个路由地址 既可以是get请求也可以是post请求 一个路由对应一个函数get请求acce ...

  4. 前端框架——BootStrap学习

    BootStrap简单总结下:1.栅格系统,能够很好的同时适应手机端和PC端(及传说中的响应式布局) 2.兼容性好 接下来是对BootStrap学习的一些基础案例总结和回顾: 首先引入:bootstr ...

  5. Bootstrap学习 (一)

    Bootstrap学习(一) 准备 1.需要下载的资源 2.参考资源 1. HBuilder快捷键设置 2. Bootstrap的使用 2.1 01-BootStrap的页面模板 代码 2.2 参考A ...

  6. BootStrap学习(2)

    使用Bootstrap添加代码框 可先看:简介.引入.包下载等:http://www.cnblogs.com/0201zcr/p/4900062.html Bootstrap 允许您以两种方式显示代码 ...

  7. Bootstrap学习笔记

    Bootstrap学习笔记 Bootstrap介绍 Bootstrap,来自 Twitter,是目前很受欢迎的前端框架.Bootstrap 是基于 HTML.CSS.JAVASCRIPT 的,它简洁灵 ...

  8. Bootstrap学习(三)——Bootstrap 插件

    Bootstrap学习(三)--Bootstrap 插件 Bootstrap 插件 Bootstrap 自带 12 种 jQuery 插件,扩展了功能,可以给站点添加更多的互动. 站点引用 Boots ...

  9. Web前端框架学习—Bootstrap

    零. 写在前面 Bootstrap是一个非常好的前端框架,在前端时间的小项目中需要使用Bootstrap做前端,于是就学习了一下,觉得非常好用,推荐给新手. 一. 什么是Bootstrap? Boot ...

最新文章

  1. C# 根据节点索引访问XML配置文件
  2. FT《金融时报》:中国巨头争夺企业级市场,阿里云份额已近六成
  3. Centos6.5集群安装64位hadoop2.2.0
  4. 实现 设置text控件的标题根据维度成员选择不同而变化
  5. MyEclipse中常用的快捷键
  6. Django学习手册 - 前端input数据获取
  7. ubuntu emacs的安装
  8. python绘制余弦曲线散点图_python中如何用matlibplot画正弦曲线?
  9. 数据集可视化——tile(贴砖)
  10. python创意实用案例-python实用案例
  11. 使用文档检查器后,think-cell 元素损坏
  12. 校园江湖前情回顾(一二三)
  13. document.getelementbyid是什么意思
  14. xxx(telnet, netstat): command not found
  15. 用C语言写一个数字版的3阶魔方
  16. 最通俗的解释下云计算,云计算的核心是什么?
  17. [从头读历史] 第258节 左传和东周列国志
  18. python url转码_Python如何实现转换URL详解
  19. 批处理 bat 改文件后缀名
  20. 【英语-同义词汇词组】common,general,normal,ordinary,usual | often 与 usually的用法及区别

热门文章

  1. (十四:2020.08.28)CVPR 2014 追踪之论文纲要(译)
  2. C++版本的KL变换
  3. 高斯信号和非高斯信号中偏斜度和峭度的问题
  4. 基于51单片机的智能环境监测光强火焰有害气体检测proteus仿真原理图PCB
  5. navigationbar 背景色
  6. 兄弟连的兄弟来自西安
  7. 使用easytrader时对xiadan.exe的配置
  8. 易我分区大师无损扩容c盘的步骤详解:
  9. 推荐一些基于linux的硬路由,无线加有线,性能超强且很易用
  10. MP4、MP3等USB存储设备与电脑连接…