1.Bootstrap 简介

什么是Bootstrap?

  Bootstrap是一个用于快速开发Web应用程序和网站的前端框架。Bootstrap是基于HTML、CSS、JAVASCRIPT的。Bootstrap是2011年八月在GitHub上发布的开源产品。

为什么使用Bootstrap?

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

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

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

  响应式设计:Bootstrap的响应式CSS能够适应于台式机、平板电脑和手机。更多有关响应式设计的内容将在Bootstrap响应式设计中学习。

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

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

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

  它是开源的。

Bootstrap包的内容

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

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

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

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

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

  

时间: 2024-10-13 19:29:20

1.Bootstrap 简介的相关文章

Bootstrap学习(一):Bootstrap简介

一.Bootstrap简介 Bootstrap,来自 Twitter,是目前最受欢迎的前端框架.Bootstrap 是基于 HTML.CSS.JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷. 详细的来说,Bootstrap是一个简单.灵活的,可用于搭建简洁漂亮WEB页面的HTML,CSS,JAVASCRIPT的工具集.BootStrap基于HTML5 和 CSS3,具有漂亮的设计,友好的学习曲线,卓越的兼容性,还有12列的响应式栅格结构,丰富的组件等等.简单的说,Bootstr

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

Bootstrap 简介 Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架.Bootstrap 是基于 HTML.CSS.JAVASCRIPT 的. 历史 Bootstrap 是由 Twitter 的 Mark Otto 和 Jacob Thornton 开发的.Bootstrap 是 2011 年八月在 GitHub 上发布的开源产品. 为什么使用 Bootstrap? 移动设备优先:自 Bootstrap 3 起,框架包含了贯穿于整个库的移动设备优先的样式. 浏览器支

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

Bootstrap 简介 Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架.Bootstrap 是基于 HTML.CSS.JAVASCRIPT 的. 历史 Bootstrap 是由 Twitter 的 Mark Otto 和 Jacob Thornton 开发的.Bootstrap 是 2011 年八月在 GitHub 上发布的开源产品. 为什么使用 Bootstrap? 移动设备优先:自 Bootstrap 3 起,框架包含了贯穿于整个库的移动设备优先的样式. 浏览器支

webUI框架miniUI,easyUI,extJS,Bootstrap简介及简单部署

本文为大家讲解的是webUI框架miniUI,easyUI,extJS,Bootstrap简介及简单部属,感兴趣的同学参考下 ExtJS是一种主要用于创建前端用户界面,是一个基本与后台技术无关的前端ajax框架. jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面.开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解的只有一些简单的html标签. B

Bootstrap简介

Bootstrap Bootstrap是Twitter推出的一个开源的用于前端开发的工具包.它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架.Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成.Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目. Bootstrap是基于jQuery框架开发

Bootstrap简介,特点,用法

简介: 前端开发框架,它由规范的css,javascript插件构成. 特点 简单灵活可用于架构流行的用户界面和交互接口的html.css.javascript工具集. 友好的学习曲线,卓越的兼容性,响应式设计,12列格网,样式向导文档. 自定义JQuery插件,完整的类库,基于Less等 Bootstrap 响应式布局设计,让一个网站可以兼容不同分辨率的设备.Bootstrap响应式布局设计,给用户提供更好的视觉使用体验. 用法: 1.下载 Bootstrap Snippet Pack 并安装

Bootstrap 简介

一.Bootstrap介绍 Bootstrap 是最受欢迎的 HTML.CSS 和 JS 框架,用于开发响应式布局.移动设备优先的 WEB 项目.本课时讲解 Bootstrap 的概念,并介绍 Bootstrap 应用场景和如何下载. 中文官方网站:http://www.bootcss.com/ 二.入门例子创建 下面讲解如何来使用 Bootstrap,通过引入 Bootstrap,来实现一个最基本的入门例子. 实现的效果如图所示: 代码如下: <!DOCTYPE html> <html

Bootstrap简介及Bootstrap里的栅格系统col-md/sm/xs-x;

Bootrap是web前端CSS框架.它是基于css3和html5开发的,,它在jquery基础上进行完善.形成自己的风格,并兼容大部分的Jquery插件. bootstrap现有第四版.变化从Less到Sass,不支持IE,合并了所以HTML resets到一个新的模块,重写了所以的JS插件.Bootstrap包含了丰富的web组件,还自带了13个Jquery插件.模块代码,可以对Bootstrap中的所以CSS变量进行修改,根据自己的需求剪切代码.Bootstrap Less是一个CSS预处

bootstrap教程(一)--bootstrap简介

本文为H5EDU机构官方的HTML5培训教程 bootstrap教程(一). 1.Bootstrap 是最受欢迎的 HTML.CSS 和 JS 框架,用于开发响应式布局.移动设备优先的 WEB 项目. 2.bootstrap中包含了丰富的Web组件,根据这些组件,可以快速的搭建一个漂亮.功能完备的网站.其中包括以下组件: 下拉菜单.按钮组.按钮下拉菜单.导航.导航条.路径导航.分页.排版.缩略图.警告对话框.进度条.媒体对象等 3.可以对Bootstrap中所有的CSS变量进行修改,依据自己的需

【第一章第一回】BootStrap 简介

Twitter Bootstrap 是目前最受欢迎的前端框架,它简洁.直观.移动优先.强悍的前端开发框架,让web开发更迅速.简单.基于HTML.CSS和Javascript. 为什么使用Bootstrap? 移动优先 - Bootstrap 3,框架包含移动优先样式,是贯穿整个库而不是单独的文件. 浏览器支持 - 支持所有流行浏览器 很容易开始 - 任何了解HTML和CSS的人都可以学习Bootstrap.并且Bootstrap官网也有文档. 响应式设计 - Bootstrap的响应式CSS适