什么是Bootstrap?

什么是Bootstrap?,第1张

Bootstrap来自Twitter,是目前非常受欢迎的前端开源工具包,用于快速开发Web项目和应用程序。Bootstrap基于HTML、CSS、JAVASCRIPT,自2011年8月在Git Hub上发布,推出以后颇受广大用户青睐。Bootstrap中预定义了一套CSS样式以及与样式相对应的j Query(j Query是一个快速、小巧、功能丰富的JAVASCRIPT库)代码。在网页开发时,首先要在HTML结构的<head>与</head>之间引入“bootstrap.min.css”,接着在<script>与</script>之间引入“bootstrap.min.js”,然后在class类名称中引入Bootstrap中的样式类,即可实现预期的网页效果

什么是Bootstrap?

Bootstr是一个用于快速开发web应用程序和网站的前端框架,Bootstrap是基于HTML,Css,JavaScript的。

Bootstrap历史:

        Bootstrap是由Twitt的Mark Otto和Jecob Thomton开发的。Bootstrap是2011年八月在Github上发布开源产品。

Bootstrap的优点:

       1.所有主流浏览器都支持Bootstrap。

        2.容易上手。

        3.响应式设计:Bootstrap的响应式能够自适应与台式机、平板电脑和手机。

        4.包含了强大的内置组件,易于定制。

        5.提供了基于web定制。

        6.Bootrap是开源的。

Bootstrap包含的内容 :

        基本结构:Bootstrap提供了一个带有网络系统、链接样式、北京的基本结构。

        css:Bootstrap自带一下特性:全局css设置、定义基本的HTML元素样式、可扩展class、以及一个先进的网格系统。

        javascript 插件:Bootstrap包含了十几个自定义的的jq插件。你可以直接包含所有的插件,也可以逐个包含这些插件。

        组件:Bootstrap包含了十几个可重用的组件,用于创建图像、下拉菜单、导航、警告框、d出框等等。

        定制:你可以定制Bootstrap的组件、lESS 变量和jQuer插件来得到你自己的版本。

什么是 Bootstrap?

Bootstrap 是Web 应用程序的前端框架。基于 HTML、CSS、JAVASCRIPT 。

Bootstrap由美国Twitter公司的设计师Mark Otto和Jacob Thornton合作开发的,基于HTML、CSS、JavaScript 的简洁、直观、强悍的前端开发框架,使得 Web 开发更加快捷。

Bootstrap提供了优雅的HTML和CSS规范,由动态CSS语言Less写成,一直是GitHub上的热门开源项目。

Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。在现在的 Web 开发中,有几个几乎所有的 Web 项目中都需要的组件。

Bootstrap版本功能发展

Bootstrap 与最新版的 Google Chrome、Firefox、Internet Explorer、Opera 和 Safari 浏览器兼容,尽管有些浏览器并不是支持所有 *** 作系统。

从 2.0 版本开始,Bootstrap 支持响应式网页设计(RWD)。页面布局可以根据显示网页的设备(桌面、平板电脑、手机)来进行动态调整。

3.0 版本开始,Bootstrap 将移动设备优先作为设计方针,更加强调了响应式设计。

4.0 alpha 版本添加 Sass 和 Flexbox 的支持。

Bootstrap特点

Bootstrap非常流行,得益于它非常实用的功能和特点。主要核心功能特点如下:

l跨设备、跨浏览器

可以兼容所有现代浏览器,包括比较诟病的IE7、8。当然,本课程不再考虑IE9以下浏览器。

l响应式布局

不但可以支持PC端的各种分辨率的显示,还支持移动端PAD、手机等屏幕的响应式切换显示。

l提供的全面的组件

Bootstrap提供了实用性很强的组件,包括:导航、标签、工具条、按钮等一系列组件,方便开发者调用。

l内置jQuery插件

Bootstrap提供了很多实用性的jquery插件,这些插件方便开发者实现Web中各种常规特效。

l支持HTML5、CSS3

HTML5语义化标签和CSS3属性,都得到很好的支持。

l支持LESS动态样式

LESS使用变量、嵌套、 *** 作混合编码,编写更快、更灵活的CSS。它和Bootstrap能很好的配合开发。

Bootstrap基本内容与组件

Bootstrap 包括 HTML、CSS 及 JavaScript 的框架,提供字体排印、窗体、按钮、导航及其他各种组件及 Javascript 扩展。主要包含内容有:

l 基本结构 : Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构。

l 全局CSS样式 : Bootstrap 自带以下特性:全局的 CSS设置、定义基本的 HTML 元素样式、可扩展的 class,以及一个先进的网格系统。

l 组件 : Bootstrap 包含了十几个可重用的组件,用于创建图像、下拉菜单、导航、警告框、d出框等等。

l JavaScript 插件 :Bootstrap包含了十几个自定义的jQuery 插件。您可以直接包含所有的插件,也可以逐个包含这些插件。

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

lBootstrap全局Css样式包括

Grid

Typography

Tables

Forms

Buttons

Responsiveness。

l还有大量其他有用的前端组件,比如:

Dropdowns

Navigation

Modals

Typehead

Pagination

Carousal

Breadcrumb

Tab

Thumbnails

Headers

Bootstrap资源

l参考资料

Bootstrap官网

http://getbootstrap.com

Bootstrap中文网

http://www.bootcss.com

网站使用案例

http://expo.bootcss.com/

Github

https://github.com/twbs/bootstrap

l教程

Bootstrap菜鸟教程

http://www.runoob.com/bootstrap/bootstrap-tutorial.html

Bootstrap on W3Schools

http://www.w3schools.com/bootstrap

慕课网视频教程

http://www.imooc.com/course/list?c=bootstrap

l模版

Bootstrap免费模版

http://startbootstrap.com

模糊效果后台模版

http://akveo.github.io/blur-admin/

后台模版

https://colorlib.com/polygon/gentelella/index.html

仪表盘

http://keen.github.io/dashboards/

l主题

Flat-ui

http://designmodo.com/flat-free/

各种配色主题

https://bootswatch.com/

基于bootstrap的主题框架

http://bootflat.github.io

l实用工具

实用代码片段

http://bootsnipp.com/ 提供一些有用的在线工具和代码片段


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/7884774.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-11
下一篇 2023-04-11

发表评论

登录后才能评论

评论列表(0条)

保存