Bootstrap教程(1)--为何要学习Bootstrap

简介: 本文目录1. Bootstrap是什么2. 为何要学习Bootstrap3. Bootstrap历史地位4. 小结

1. Bootstrap是什么

Bootstrap是Twitter开发的一种Web框架,所谓Web框架,可以简单的理解为别人写好的CSS样式库和JavaScript脚本库。我们可以拿来即用。


2. 为何要学习Bootstrap

Bootstrap实在是太经典了,提供了一系列统一的样式,非常规范标准,符合绝大多数人的审美。


最重要的,Bootstrap通过栅栏系统,提供了响应式的网站实现方案,即同一套代码,可以在不同尺寸的屏幕上正常运行。


Bootstrap之后的Web框架,基本都提供了响应式的支持,但是理念几乎都来源于栅栏系统。可见Bootstrap之经典、影响之深远。


所以不论是出于学习目的,还是出于使用目的,学习Bootstrap都是非常nice的。


3. Bootstrap历史地位

首先HTML、CSS、JS是整个Web前端开发领域的基石,是浏览器原生支持的基础语言/技术。


在此之上,就得提起jQuery,jQuery封装了JS里面的方法,提供了兼容大多数浏览器的且更加简洁易用的JS脚本库,在Web前端开发历史上占据了重要地位。


在这之后,就得提起Bootstrap了,Bootstrap提供了响应式开发的实现基础理念,在移动手机端网页开发越来越重要的时代,其作用不言而喻。


当然发展到今天,我们更多的使用现代的Web框架Vue/React/Angular,这几个框架更多的改变了页面元素和JS语言的交互方式。在页面样式显示层面也可以继续使用Bootstrap,并不冲突。


4. 小结

Bootstrap本质是CSS样式库加JS脚本库,拿来即用,非常方便。

相关文章
|
7月前
|
前端开发
Bootstrap 5 保姆级教程(八):卡片 & 下拉菜单
Bootstrap 5 保姆级教程(八):卡片 & 下拉菜单
|
4月前
|
JavaScript 前端开发
BootStrap在Vue中的安装使用详细教程
这篇文章提供了在Vue项目中安装和使用Bootstrap的详细教程,包括安装jQuery、引入Bootstrap、配置Webpack以及在项目中进行测试和查看效果的步骤。
BootStrap在Vue中的安装使用详细教程
|
7月前
|
前端开发 JavaScript
Bootstrap 5 保姆级教程(十三):滚动监听 & 侧边栏导航
Bootstrap 5 保姆级教程(十三):滚动监听 & 侧边栏导航
|
7月前
|
前端开发 JavaScript
Bootstrap 5 保姆级教程(十二):弹出框 & 消息弹窗
Bootstrap 5 保姆级教程(十二):弹出框 & 消息弹窗
|
7月前
|
前端开发 JavaScript
Bootstrap 5 保姆级教程(十一):模态框 & 提示框
Bootstrap 5 保姆级教程(十一):模态框 & 提示框
|
7月前
|
前端开发
Bootstrap 5 保姆级教程(七):分页 & 列表组
Bootstrap 5 保姆级教程(七):分页 & 列表组
|
7月前
|
前端开发
Bootstrap 5 保姆级教程(六):进度条 & 加载效果
Bootstrap 5 保姆级教程(六):进度条 & 加载效果
|
7月前
|
前端开发
BootStrap 5 保姆级教程(三):表格 & 图片
BootStrap 5 保姆级教程(三):表格 & 图片
|
7月前
|
前端开发 容器
Bootstrap 5 保姆级教程(一):容器 & 网格系统
Bootstrap 5 保姆级教程(一):容器 & 网格系统
|
7月前
|
前端开发 JavaScript 容器
Bootstrap 5 保姆级教程(十五):表单
Bootstrap 5 保姆级教程(十五):表单