Bootstrap开篇理解:

2024-04-25 13:18:51

PS:本人为新手,该文章仅作为笔记记载学习

1.什么是Bootstrap?

Bootstrap是Twitter公司推出的,专门用于开发响应式布局,移动设备优先的WEB框架
(美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架.由动态CSS语言Less写成.国内一些移动开发者较为熟悉的框架，如WeX5前端开源框架等，也是基于Bootstrap源码进行性能优化而来 —度娘)
Bootstrap当前最新版本为Bootstrap4,但当下企业使用最多的是Bootstrap3

Bootstrap3和Bootstrap4的区别:

Bootstrap3
Less
4种栅格类
使用px为单位
使用push和pull向左右移动
使用float的布局方式

Bootstrap4
Sass语言编写
5种栅格类
使用rem和em为单位（除部分margin和padding使用px）
偏移列通过offset-类设置
选择弹性盒模型（flexbox）

Bootstrap兼容性

Bootstrap的目标是在最新的桌面和浏览器上有最佳的表现,也就是说,在较老的浏览器上可能会导致某些组件表现出的样式有不同,但是功能是完整的
IE8以上都能完美使用,IE8一下需要通过一些额外的配置来保证其完整性

Bootstrap开篇理解:相关推荐

Yii2框架bootstrap样式理解
Yii2框架默认采用了bootstrap作为CSS风格,各种视图类组件都如此.之前一直采用默认风格,并在必要的时候添加或者修改一下class来达到目的.但在改版Yii1.1的orange项目时,发现之 ...
关于Bootstrap的理解
Web开发领域存在大量的反复劳动.以创建一个菜单为例,不同的人或是同一个人在不同的时期去构建一个菜单.他创建出来的菜单格式都会存在差异:随着构件的菜单越来越多,我们会发现假设将构建菜单这件事形成一个框 ...
bootstrap 点击按钮刷新_Spring Cloud 中的 Bootstrap 上下文
学习目标复习 Spring 事件/监听器模式(ApplicationEvent / ApplicationListener) 理解 Bootstrap 上下文理解 Spring Boot / Sp ...
旺财速啃H5框架之Bootstrap（六）
年后太忙,一直没有更新好,这篇结束,速啃嘛,就应该拿重点,实用点.继续之前的内容,接着来讲讲网页中常用的布局组件与插件,我喜欢用简单的直接的话或案例来说明,就是针对那些想快速能做出点东西的人而准备的 ...
机器学习中的模型评价、模型选择及算法选择
链客,专为开发者而生,有问必答! 此文章来自区块链技术社区,未经允许拒绝转载. 正确使用模型评估.模型选择和算法选择技术无论是对机器学习学术研究还是工业场景应用都至关重要.本文将对这三个任务的相关技术 ...
netty Demo
今天写了一个helloworld版本的netty程序,跟大家分享一下: 首先需要的包是:netty-all-4.1.25.Final.jar 客户端: StrClient.java package c ...
springboot配置文件加载顺序_「SpringBoot系列」配置文件加载优先级解析
SpringBoot提供了外部分配置功能,可以使用属性文件(properties).YAML(yml)文件.环境变量和命令行参数来进行处部参数配置,并t以特定的顺序来处理配置,以便于允许合理的覆盖值. ...
python读mongodb很慢_Python3.5+Mongodb+Flask Web实战坑点小结【Dog Plus】
我不是程序员,也不是设计师,我只是碰巧有一些想法和一台电脑. I am not a designer nor a coder. I'm just a guy with a point-of-view ...
linux 建树软件,新一代建树工具IQ-Tree介绍
系统发育树(phylogenetic tree)构建的软件可谓五花八门.大体上,有如下几种策略:从最简单的UPGMA法,到邻接法(neighbor joining),最大简约法(most parsim ...

最新文章

热门文章