Bootstrap是前端框架吗?bootstrap和jquery的区别是什么?为什么使用 Bootstrap?

Bootstrap是前端框架吗?bootstrap和jquery的区别是什么?为什么使用 Bootstrap?-第1张-菜鸟建站

什么是Bootstrap?

Bootstrap,是很受欢迎的前端框架,来自Twitter。Bootstrap是基于HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。Bootstrap是基于HTML5和CSS3开发的,它在jQuery的基础上进行了更为个性化和人性化的完善,形成一套自己独有的网站风格,并兼容大部分jQuery插件。

Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。

Bootstrap 是由 Twitter 的 Mark Otto 和 Jacob Thornton 开发的。Bootstrap 是 2011 年八月在 GitHub 上发布的开源产品。

Bootstrap 包的内容

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

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

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

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

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


BootStrap简单点说:是一个快速搭建网站前台页面的开源项目(基于Jquery)。你只需要了解相关的class、标签名称等所代表的意思,然后在构建页面的时候,导入bootstrap的JS、css等,它就会去表现相应的效果出来,比如HTML说明:缩略语;当鼠标悬停在缩写和缩写词上时就会显示完整内容,Bootstrap实现了对HTML 元素的增强样式。缩略语元素带有TItle属性,外观表现为带有较浅的虚线框,鼠标移至上面时会变成带有“问号”的指针。当你需要段落文字某个单词或者词语需要有上面的那种效果,你就那样按照那种格式写就好了,附加的class=“iniTIalism”是让字号更小一点,也可以不要。反过来说:如果你不试用bootstrap的东西或者其他类似的框架,那你就得自己写这样的效果,开发时间长。再比如Jquery的easyui,也是差不多道理。

bootstrap不是js库?

bootstrap不是js库,而是属于CSS框架,Bootstrap由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。

为什么使用 Bootstrap?  

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

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

Internet Explorer Firefox Opera Google Chrome Safari

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

响应式设计:Bootstrap 的响应式 CSS 能够自适应于台式机、平板电脑和手机。更多有关响应式设计的内容详见 Bootstrap 响应式设计。

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

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

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

它是开源的。

jQuery是什么?

jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。

jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。

jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。


bootstrap和jquery区别

Bootstrap是用于开发应用程序的开源前端框架;Jquery是用于客户端脚本的开源javascript库

Bootstrap主要用HTML,CSS,Less,Saas和JavaScript编写;Jquery主要用JavaScript编写。

Bootstrap可以使用CSS框架使站点更具可定制性,有一个各种主题模板,可用于不同的网站。在Jquery中,无法使用许多自定义项开发站点,没有用于不同的网站开发的主题模板。

Bootstrap是一个前台框架包含css和一些jquery插件,依赖与jquery,所以必须一起使用

bootstrap是依赖jquery写的扩展,你要使用bootstrap,必须要先引入juqery你不引入jquery,bootstrap的功能你还不能用

bootstrap定义了布局、间距等,还提供了less进行管理,可以看作是css规范、框架。


利用他提供的样式随意组合,基本上能满足了一些页面的样式需求。

用Jquery 的话, 如果要做一个网站,PC 端用jQuery-ui 手机端用jQuery mobile需要做两套网站

如果用bootstrap的话,只需要一套就够了。

因为bootstrap 是响应式布局,根据你的浏览设备不同,给你显示页面的效果也不同。

当然如果你需要 支持IE 6---IE7 最好还是用 jQuery 低版本吧。

猜你喜欢

Bootstrap是前端框架吗?bootstrap和jquery的区别是什么?为什么使用 Bootstrap?

Bootstrap是前端框架吗?bootstrap和jquery的区别是什么?为什么使用 Bootstrap?

什么是Bootstrap?Bootstrap,是很受欢迎的前端框架,来自Twitter。Bootstrap是基于HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。Bootstrap是基于HTML5和CSS3开发的,它在jQuery的基础上进行了更为个性化和人性化的完善,形成一套自己独有的网站风格,并兼容大部分jQuery插件...

js教程:js统计页面加载时间

js教程:js统计页面加载时间

我们在浏览网页的时候,经常看到别人的网页底部有个页面加载耗时xx秒,这里简单写个示例...

评论列表

发表评论