BootStramp的浅谈

BootStrap简介——-维基百科
BootStrap是一组用于网站和网络应用程序开发的开源前端的框架,包括HTML,CSS及JavaScript的框架,提供字体排印,窗体,按钮,导航及其他各种组件及JavaScipt扩展,旨在是动态网页和web应用的开发更加容易.
Bootstrap原名Twitter Blueprint,由Twitter的Mark Otto和Jacob Thornton编写,本意是制作一套可以保持一致性的工具和框架。在Bootstrap之前,开发界面需要使用不同的代码库,这样很容易导致不一致的问题,从而增加了维护的负担。

BootStrap的功能
Bootstrap与最新版的Google Chrome、Firefox、Internet Explorer、Opera和Safari浏览器兼容,尽管有些浏览器并不是支持所有操作系统.
从2.0版本开始,Bootstrap支持响应式网页设计(RWD)。页面布局可以根据显示网页的设备(桌面、平板电脑、手机)来进行动态调整。
从3.0版本开始,BootStrap将移动设备有限作为设计方针,更加强调响应式设计

结构与功能
BootStrap采用模块化设计,并用LESS样式语言来实现各种组件和工具.一个名为bootStrap.less的文件包含这些组件和工具,开发者可以修改这个文件,自行决定项目需要哪些组件.
通过一个基本配置文件可以进行有限的定制,此外也可以进行更加深入的定制。
LESS语言支持变量、函数、运算符、组合选择器和一个叫做Mixin(混入)的功能。
网络系统和响应四设计以1170像素寛为基准.此外开发者也可以定义基准.Bootstrap都能提供四种变体:手机竖屏、手机横屏和平板电脑、PC低分辨率、高分辨率,每个变体都会自动调整网格宽度。

CSS
BootStrap对一系列HTML组件基本样式进行了定义,并且为文本,表格和表单元素设计了一套独特的,现代化样式.

可重用组件
除了基本的HTML元素,BootStrap还包括了其他常用的界面元素,例如带有高级功能的按钮(例如按钮组合、带有下拉菜单选项的按钮、导航栏、水平和垂直标签组、导航、分页等等)、标签、高级排版、缩略图、警告信息、进度条等。

JavaScript组件
通过jQuery,Bootstrap加入了一些JavaScript组件。它们提供了例如对话框、工具提示、轮播等功能。此外还增强了一些用户界面元素的功能,例如输入框的自动完成。Bootstrap 2.0支持以下JavaScript插件:Modal(模态对话框)、Dropdown(下拉菜单)、Scrollspy(滚动监听)、Tab(标签页)、Tooltip(工具提示)、Popover(浮动提示)、Alert(警告)、Button(按钮)、Collapse(折叠)、Carousel(轮播)、Typeahead(输入提示)、Affix(附加导航).

猜你喜欢

转载自blog.csdn.net/qq_38334410/article/details/79468893