Bootstrap简介

整理文档很辛苦,赏杯茶钱您下走!

免费阅读已结束,点击下载阅读编辑剩下 ...

阅读已结束,您可以下载文档离线阅读编辑

资源描述

bootStrap简介Bootstrap由Twitter推出,用于快速开发Web应用程序和网站的前端框架Bootstrap是基于HTML、CSS、JAVASCRIPT的前端框架Bootstrap运用组件插件式的设计开发理念,可插拔可扩展且完全开放源代码可快速定制开发符合自身需求的组件插件。Bootstrap简介html5、css3、javaScript响应式设计栅格系统(基于mediaquery,实现移动先行响应式设计)jQuery1.10+基础布局组件(Normalize.css,layout,from,table,button,图像,辅助样式)BootstrapCss组件List-groupProgress-barGlyphiconThumbnailButton-dropdownDropdownLabelNavbarNavBreadcrumbBreadcrumbAlertPage-headerBadgesInput-groupJumbotronWellMedia-objectButton-groupPanelOther(可扩展)…TransitionjavaScript插件ModalDropdownScroll-spyTabTooltipAlertTooltipButtonCarouselCollapseAffixbootStrap基于jQuery,几乎支持所有jQuery插件CssLib:Bootstrap.css,bootstrap.min.css,bootstrap-responsive.css,bootstrap-responsive.min.css(bootstrap基于Less的CSS预处理技术)JsLib:Bootstrap.js,bootstrap.min.js移动设备优先浏览器支持响应式设计易上手、易维护自Bootstrap3起,框架包含了贯穿于整个库的移动设备优先样式所有浏览器都支持BootstrapBootstrap的响应式css能够自适应pc、pad、mobile设备简单易用易维护,只要具备html、css基础就可以入手Bootstrap结构基本机构:Bootstrap提供了一个带有网格系统、链式样式、背景的基本结构。CSS:Bootstrap自带以下特性:全局CSS设置、定义基本的HTML元素样式、可扩展的class,以及一个先进的网格系统。组件:Bootstrap包含了十几个可重用的组件,用于创建图像、下拉菜单、导航、警告框、弹出框等等。javaScript插件:Bootstrap包含了十几个自定义的jQuery插件。可以直接包含所有的插件也可以逐个包含这些插件。定制:可以定制Bootstrap的组件、less变量和jQuery插件来得到自己的版本。案例Bootstrap应用于PC端示意效果Bootstrap应用于移动端(pad/mobile)示意效果案例Bootstrap应用于PC端示意效果Bootstrap应用于移动端(pad/mobile)示意效果Thanks

1 / 6
下载文档,编辑使用

©2015-2020 m.777doc.com 三七文档.

备案号:鲁ICP备2024069028号-1 客服联系 QQ:2149211541

×
保存成功