初识Bootstrap

初探Bootstrap

前言

此为本人自学经验和某站博主经验，如有侵权请联系。

初识Bootstrap

• 什么是bootstrap
• 为什么要用bootstrap
• bootstrap最重要的是什么
• bootstrap给我们带来了哪些便利
• bootstrap对比其他UI框架
• bootstrap发展前景

什么是Bootstrap

• Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。

为什么要用Bootstrap

1. 手写css太过麻烦
2. 不好维护、不方便阅读
3. 一旦样式过多，会给dom带来极大地负担

• 我相信很多小伙伴，初始web最喜欢的就是html，css。但接触前端久了对js更加情有独钟，更加厌恶写我们比较简单且没有技术的css。
• 这是，UI框架诞生了！

BootStrap最重要的是什么

• 我认为Bootstrap最关键、最重要的就是栅格布局和flex，因为只有这两个是需要你琢磨源码的，而其他的直接CV就行，因为在用别人UI时，我从来不考虑怎么实现的，除了学习的时候你关注一下，实在不明白你点开看他属性呗。

• 我刚接触bootstrap时，只认真的学习less里Grad用法，抛开它的源码来看他其实就是运用一个递归来实现继承

BootStrap给我们带来哪些便利

1. 无需手写样式，直接引入cdn 、npm(初学者可以官网下载源码分析学习）使用
2. bootstrap内部给我们提供了很多的组件，图标，可以让我们少些大部分样式，更身心的编写js
3. 好维护，真的很好维护，谁用谁知道

BootStrap对其他UI

1. Bootstrap作为一个历史比较悠久的UI框架，独特的占据了市场的份额（“bootstrap是在2011年8月19日将其作为开源项目发布的。Bootstrap原名Twitter Blueprint，由Twitter的Mark Otto和Jacob Thornton编写”）
2. layUi、Antd、Element 对比这些 bootstrap实现了栅格，而这些都是在bootstrap基础上搭建了自己的框架
3. Bootstrap相信是很多小伙伴最早学习UI框架（虽然我现在喜欢Element）

Bootstrap发展前景

• bootstrap虽然已没有前几年那么火热，但依旧是大多数小伙伴的首要选择，并且在持续更新着，我之前的培训机构依旧是先将bootstrap，再是element,可见bootstrap还是很实用的。

下一章将详细介绍 栅格布局和less源码分析grad