Bootstrap4 输入框组我们可以使用 .input-group 类来向表单输入框中添加更多的样式，如图标、文本或者按钮。 使用 .input-group-prepend 类可以在输入框的的前面添加文本信息， .input-group-

Bootstrap4 进度条 进度条可以显示用户任务的完成过程。 创建一个基本的进度条的步骤如下： 添加一个带有 .progress 类的 。 接着，在上面的 内，添加一个带有 class .progress-bar 的空的 。 添加一

Bootstrap4 面包屑导航（Breadcrumb）面包屑导航是一种基于网站层次信息的显示方式。以博客为例，面包屑导航可以显示发布日期、类别或标签。它们表示当前页面在导航层次结构内的位置，是在用户界面中的一种导航辅助。 Bootstra

Bootstrap4 颜色Bootstrap 4 提供了一些有代表意义的颜色类：**.text-muted**, .text-primary, .text-success, .text-info, .text-warning, .text-

这篇文章包含两个部分，第一部分是个CSS预编译器：Sass、Less、Stylus，他们之间的对比，第二部分是现在大火的PostCSS。 为什么会出现CSS预编译器这个东西呢？这就要谈到CSS的不足了：没有变量(新的规范已经支持了)，不支持

Source map?.Map文件是什么常见的源码转换，主要是以下三种情况： ​ 1.压缩，减小体积。比如jQuery 1.9的源码，压缩前是252KB，压缩后是32KB。 ​ 2.多个文件合并，减少HTTP请求数。 ​

工具-Typora常用语法 Markdown（MD）作为目前互联网写作相当流行的一种文档撰写语言格式，深受互联网编辑者的喜爱，由此周边一些基于MD的编辑工具也随之油然而生。 作为一款免费的MD编辑器： Typora极简、跨平台、且十分直观

Bootstrap 4实用程序（源自W3schools）Bootstrap 4具有许多实用程序/帮助程序类，可在不使用任何CSS代码的情况下快速设置元素的样式。 边框使用这些border类来添加或删除元素的边框： <span cla

Bootstrap 4 Flex（弹性）布局Bootstrap 4 通过 flex 类来控制页面的布局。 弹性盒子(flexbox)Bootstrap 3 与 Bootstrap 4 最大的区别就是 Bootstrap 4 使用弹性盒子来布

1.栅格系统​ Bootstrap是基于移动优先的原则开发的，使用了一系列的媒体查询（media queries）方法，为我们的布局和界面创建自适应的的分界点。这些分界点主要是基于视口宽度的最小值，并且当窗口视图改变的时候允许