文档章节

为什么使用Bootstrap?

博为峰教研组
 博为峰教研组
发布于 2017/02/13 18:58
字数 324
阅读 19
收藏 0

   

Bootstrap是一种前端开发框架,它由规范的css,javascript插件构成,其最大的优势是响应式布局,使得开发者可以方便的让网页无论在台式机、平板设备、手机上都获得最佳的体验. Bootstrap在以下方面优势比较显著

1.栅格系统

可以根据用户屏幕尺寸调整页面,使其在各个尺寸上都表现良好。实现这个功能依赖两个东西,一个是view,另一个是max-width,min-width。

2.CSS模块化

Bootstrap预先定义了很多CSS类,使用的时候直接给class赋予对应的类名即可,如text-left,text-align,.table等。最有代表性的就是btn类,Bootstrap定义了一个.bt的基础类,如果还想要其他样式可以在这个基础类上进行扩展,实现不同的视觉效果。

3.插件使用简单

Bootstrap的插件开发模式和javaScript的开发模式很相似的,先定义一个类,实现主体功能,然后是个Plugin函数,再把这个函数扩展到JQuery原型上,最后通过委托的方式给特定元素绑定事件。

但Bootstrap存在浏览器兼容问题,对IE6完全不兼容性。

 

© 著作权归作者所有

共有 人打赏支持
博为峰教研组
粉丝 49
博文 1224
码字总数 479077
作品 0
黄浦
程序员
Web前端 — Bootstrap(1)

Bootstrap本次知识点: 1.Bootstrap简介 2.什么是Bootstrap 3.为什么使用Bootstrap 4.Bootstrap的结构 5.BootStrap的基本模板 1.Bootstrap简介 Bootstrap,来自Twitter(全国最大的微博 )的两...

凤囚凰丶
06/01
0
0
将BootstrapJS和AngularJS结合使用以及为什么不用jQuery

原文网址链接:http://ourjs.com/detail/54e18c51232227083e000034 Bootstrap 和 Angular 都是人们大量使用的工具。在很多项目中,它们需要一起使用。为什么不呢?他们已经改变了CSS和JS的开...

数通畅联
2015/12/22
105
0
要不要使用 Bootstrap 框架

Bootstrap 是快速开发Web应用程序的前端工具包。它是一个CSS和HTML的集合,它使用了最新的浏览器技术,给你的Web开发提供了时尚的版式,表单,buttons,表格,网格系统等等。 首先,人们发现...

红薯
2012/03/16
33.9K
53
Bootstrap组件增强版--sco.js

Why? 创造sco.js的起因是为了增强Bootstrap中现有的js组件,并且也为了满足我自己所做的项目的特定需求。 对于一般的使用而言,Bootstrap中的js插件非常棒,但是,一旦你有深层次的或特定需求...

匿名
2016/05/11
1K
0
bootstrap学习笔记--初识bs

参考: https://www.quanzhanketang.com/bootstrap/bootstrapgridbasic.html bootstrap是基于jQuery的前端CSS框架 预定于好了各种CSS类 相当于API接口,直接调用即可使用css样式,方便前端开...

codingcoge
05/24
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

[雪峰磁针石博客]软件测试专家工具包1web测试

web测试 本章主要涉及功能测试、自动化测试(参考: 软件自动化测试初学者忠告) 、接口测试(参考:10分钟学会API测试)、跨浏览器测试、可访问性测试和可用性测试的测试工具列表。 安全测试工具...

python测试开发人工智能安全
今天
2
0
JS:异步 - 面试惨案

为什么会写这篇文章,很明显不符合我的性格的东西,原因是前段时间参与了一个面试,对于很多程序员来说,面试时候多么的鸦雀无声,事后心里就有多么的千军万马。去掉最开始毕业干了一年的Jav...

xmqywx
今天
2
0
Win10 64位系统,PHP 扩展 curl插件

执行:1. 拷贝php安装目录下,libeay32.dll、ssleay32.dll 、 libssh2.dll 到 C:\windows\system32 目录。2. 拷贝php/ext目录下, php_curl.dll 到 C:\windows\system32 目录; 3. p...

放飞E梦想O
今天
0
0
谈谈神秘的ES6——(五)解构赋值【对象篇】

上一节课我们了解了有关数组的解构赋值相关内容,这节课,我们接着,来讲讲对象的解构赋值。 解构不仅可以用于数组,还可以用于对象。 let { foo, bar } = { foo: "aaa", bar: "bbb" };fo...

JandenMa
今天
1
0
OSChina 周一乱弹 —— 有人要给本汪介绍妹子啦

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @莱布妮子 :分享水木年华的单曲《中学时代》@小小编辑 手机党少年们想听歌,请使劲儿戳(这里) @须臾时光:夏天还在做最后的挣扎,但是晚上...

小小编辑
今天
48
8

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部