初识Bootstrap

初探Bootstrap

前言

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

bootstrap官方logo

初识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

代码交流 2021