从Bootstrap源码学前端
关注
分享
扫一扫
从现象级老牌UI组件库bootstrap，学习系统UI架构方法。通过源码解析，学习前端基础，大到布局、小到组件。深入解析前端工程师构建UI框架的聪明才智和那些神操作。
切图老法师
前端，却不限于前端。专职前端工程师，擅长大型项目前端UI架构设计，团队工程化改造。具有多家国内航司UI框架搭建经验，多个web无障碍项目实施经验。
展开
-
bootstrap v5 色彩变量设置
原文请见：http://yueziyao.site/2021/03/31/frontend/bs5-var/相关文章：《Bootstrap V5的一些新特性》原创 2021-03-31 23:09:19 · 379 阅读 · 0 评论 -
四、bootstrap是如何实现一个按钮的？
我们看看最简单的一个组件是如何实现的。<a class="btn btn-default" href="#" role="button">Link</a><button class="btn btn-default" type="submit">Button</button><input class="btn btn-default" ...原创 2020-05-09 23:32:51 · 352 阅读 · 0 评论 -
三、bootstrap v3的变量系统是如何设置的？
bootstrap v3的变量系统是如何设置的？变量系统是贯穿整个ui框架的重要设置，通过设置统一的变量，控制系统统一的色调、间距、响应式设置等参数。那么，像bootstrap这样一个庞大的UI框架，是如何通过变量系统来控制的呢？那么下面我们来细品。还是打开上一章我们下载的sass源码，stylesheets>bootstrap>_variables.scss_variable...原创 2020-05-04 23:35:35 · 498 阅读 · 0 评论 -
二、bootstrap v3是如何组织样式结构的？
v3.3.7版本样式结构解析目前bootstrap用得较多的是v2、v3、v4，3个版本。其中v3的v3.3.7版本是一个比较成熟的版本，也是bootstrap中文网所翻译的（不过v3版本最新的是v3.4.1），方便大家进行查阅。step1 下载源码bootstrap中文网：https://v3.bootcss.com/Ps: 不过个人还是更推荐大家看官网，翻译过来的始终更新不及时。...原创 2020-04-28 22:44:35 · 337 阅读 · 0 评论 -
一、我和Bootstrap不得不说的故事
故事从Bootstrap开始这是一个有故事的专栏。前言2014年毕业后，有幸进入现在的公司从事java开发工作。期间，由于有前端开发经历，经常被部门交去实施很多项目的前端工作。要知道在当时，还是SpringMVC + jquery独领风骚的时代，大多数java后端都喜欢用一个叫Bootstrap的UI框架来构建系统前端。在经历过好几个由Bootstrap构建的项目后，我对这个神奇的框架产生了...原创 2020-04-26 01:05:27 · 241 阅读 · 0 评论