一款成熟的前端框架——Bootstrap

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

  Bootstrap的javascript插件是基于JQuery框架实现的,它在jQuery框架的基础上进行了更为个性化和人性化的完善,形成一套自己独有的网站风格,并兼容大部分jQuery插件。

CSS样式:

  Bootstrap提供了样式精美、结构清晰的元素样式,包括input、button、菜单等标签和功能,同时Bootstrap是基于12列栅格布局方式的框架。

组件:

  Bootstrap中包含了丰富的Web组件,根据这些组件,可以快速的搭建一个漂亮、功能完备的网站。其中包括以下组件:下拉菜单、按钮组、按钮下拉菜单、导航、导航条面包屑、分页、排版、缩略图、警告对话框、进度条、媒体对象等。

  值得一提的是在Bootstrap组件中提供了200个来自Glyphicon Halflings的字体图标。Glyphicons Halflings
一般不允许免费使用,但是他们的作者允许Bootstrap免费使用。为了表示感谢,希望你在使用时加上Glyphicons 的链接。

javascript插件:

  Bootstrap自带了13个jQuery插件,这些插件为Bootstrap中的组件赋予了“生命”。其中包括:模式对话框、标签页、滚动条、弹出框等。

Bootstrap官网地址:http://getbootstrap.com/

Bootstrap中文网地址:http://www.bootcss.com/

时间: 2024-12-17 11:51:19

一款成熟的前端框架——Bootstrap的相关文章

关于前端框架BootStrap和JQueryUI(以及对应的优秀模板)

最近两个月由于需要升级公司产品的界面,所以不得不去学习了下原本并不熟悉的前端框架.这里也是推荐两款BootStrap和JQueryUI. bootstrap使用起始很简单,首先,需要得到所需要的Jar包,可以去中文官网http://getbootstrap.com/2.3.2/获取. 在我看来,要掌握bootstrap的用法有很多途径,可以去看帮助文档,或者看学习视频,这些能帮助你更系统全面的认识这个框架.但在时间不允许的情况下,我觉得最快的学习方法还是找个做好的基于次框架的网站或系统,然后看他

前端框架bootstrap(响应式布局)入门

Bootstrap,是基于HTML,CSS.javascript的前端框架 该框架已经预定义了一套CSS样式和与样式相对应的js代码(对应的样式有对应的特效.) 开发人员只需要编写HTML结构,添加bootstrap固定的class样式,就可以轻松完成指定效果的实现. 作用: 1.Bootstrap使得Web开发更加快捷,高效 2.Bootstrap支持响应式开发,解决了移动互联网前端开发问题. 简单介绍一下: 该框架是Twitter公司的设计师Mark Otto和jacob Thornton

前端框架Bootstrap(10.7国庆最后一天)

框架的官网地址:https://v3.bootcss.com/ 主要学习Bootstrap框架提供的样式.组件.插件的使用 首先下载到本地,在项目中导入使用: 下载的文件中包含:min.css的是压缩的版本,建议使用,容量小加载比较快, 可以把其他的删掉,或者在导入使用的时候注意路径别选错了. 有网路的情况下,也可以用在线导入使用,BootCDN 强调: 1.bootstrap动态效果是依赖于jQuery的 所以你应该先导入jQuery 2.使用前端框架  所有的样式 都仅仅只需要用户条件标签类

学习前端框架bootstrap

做为前端只能简单的排版,以我现在的水平来说的话,没有美工的话我做的页面是非常的烂的,根本没有任何的美感可言,听到经理可以学习一下bootstrap.我就去了解了,发现bootstrap也是不非常的难学要上手也是非常容易的,但是又看到less和Cass什么的感觉,这个bootstrap要用好也不是非常容易的啊!现在正在努力的学习着,这个可以不用怎样的css就可以使我的排版好看. 可能我的文笔是比较差的,大家也不要见怪,我高中时学理科的,语文也是一般般的水平,而且高中上完后就毕业了,没有上大学.在语

前端框架Bootstrap - 快速搭建网站

Bootstrap简介 Bootstrap是Twitter推出的一个开源的用于前端开发的工具包.是一个CSS/HTML/JavaScript框架.Bootstrap是基于HTML5和CSS3开发的,包含丰富的组件,根据这些组件可以快速的搭建一个漂亮.功能完备的网站.其中包括以下组件:下拉菜单.按钮组.导航.导航条等等.可以说Bootstrap是一个简洁简单的前端开发框架,可以让Web开发更迅速更简单. 学习和下载资料主要可以通过官方中文网 www.bootcss.com . Bootstrap优

前端框架bootstrap 表单和导航菜单的 Demo(第二篇)

表单: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="css/bootstrap.min.css" /> <script type="text/javascript" src="

前端框架Bootstrap

http://www.bootcss.com/ Bootstrap 编码规范 http://codeguide.bootcss.com/

27款经典的CSS框架

利用 CSS 框架,可以简化你的工作,提高工作效率.CSS 框架是一系列 CSS 文件的集合体,包含了基本的元素重置,页面排版.网格布局.表单样式.通用规则等代码块.下面给你推荐了27款优秀的CSS框架,你可以选用. 1. 960gs 960 像素的页面宽度似乎成为了一种设计标准,在当前各种分辨率下,能够很好地展现网页内容.提供较为常用的尺寸来简化网页设计过程,使工作简单高效. 2. YUI 2: Grids CSS 芒果曾经介绍过由雅虎开发小组推出的 YUI,而这个 YUI Grids CSS

【CSS】扁平化都是纸老虎,看怎么抛弃前端框架在IE6扁平化

Bootstrap确实是一个好的前端框架,但是这东西就是任性,只支持IE8以上的浏览器, 国外还有一些其他不错的框架,但是连WIN7默认的浏览器IE8都不支持,那留你何用,甚至Bootstrap这一优秀的框架在其V4版本也矫情起来了,开始不支持IE8, 把我大天朝的IE6放哪里去? 扁平化总是给人高大上的样子,好像必须用前端框架实现不可,自己写前来根本无从下手, 其实根本不是, 都是CSS样式,有什么不可能实现呢? 好,光吹没用,跟大家看些实际的东西. 一.按钮 按钮在网页中常见得不能再常见,那