前言

这一章主要学习breadcrumb和close和Code。这三分组件的代码量较少，易读。

研究对象

• breadcrumb（路径导航）
• close（关闭图标）

• Code （pre、kbd、code标签）

  阅读全文 »

前言

这一章主要学习badges。

研究对象

badges（徽章）组件。

使用方法和效果

在bootstrap里，徽章通常和其它组件套用，例如 链接按钮、按钮组、菜单等，目的是消息数量提示。

使用方法：<span class="badge">1</span>

前言

这一章主要学习button-group。目的是学习扩展按钮组件的写法，需要先了解前一篇的知识：深度了解bootstrap源码之sass篇（四）。

前言

之前有一篇关于media类的解析，讲述bs框架的_media.scss类里media-body样式含有width:10000px的原因和寻找答案的过程。此篇是讲述寻找btn-group-justified直接子元素样式含有width:1%的原因，及寻找答案的过程。

前言

这一章主要学习button。目的了解写法，通透其用意，提升抽象能力。

前言

这一章主要学习组件alert。目的了解写法，通透其用意。提升建模能力。

前言

这一章主要学习_variables.scss。目的是学习优秀框架的变量声明方式及结构。所有变量声明的方式决定整体架构的风格。直接决定了UI组件的编写规划，贯穿整体，非常重要。最先了解变量有助于后面UI组件的研究。

框架版本：3.3.5
下载项目：Sass
路径：assets/stylesheets/bootstrap/

写这篇文章源于工作项目前端UI要重构，而我选择参考bs框架来促进这个任务。同时，在创建媒体对象UI组件时，我发现bs框架的_media.scss类有几个属性令我不解。