
Bootstrap4 徽章(Badges)
Bootstrap4 徽章(Badges),本章介绍了如何创建徽章,徽章可以根据父元素的大小变化而变化,同时也介绍了颜色徽章,药丸形状徽章和元素内徽章。 创建徽章 使用徽章,只需要将 .badge 类加上带有指定意义的颜色类 (如 .bad...
Bootstrap4 徽章(Badges),本章介绍了如何创建徽章,徽章可以根据父元素的大小变化而变化,同时也介绍了颜色徽章,药丸形状徽章和元素内徽章。 创建徽章 使用徽章,只需要将 .badge 类加上带有指定意义的颜色类 (如 .bad...
Bootstrap4 边框,本章介绍如何添加和移除边框,设置边框颜色,以及添加圆角边框。 创建边框 使用 border 类可以添加或移除边框: <p>使用 border 类添加或移除边框:</p> <span ...
Bootstrap4 提示框,本章介绍如何创建提示筐,指定提示筐显示内容,以及更改提示框显示的方向。 创建提示框 通过添加属性data-toggle="tooltip"来创建提示框 title属性为提示筐的显示内容 <h3>我的...
Bootstrap4 表单,本章介绍了创建表单的步骤,表单元素,以及Bootstrap4支持的两种表单类型:堆叠表单、内联表单。 创建表单的步骤如下: 添加<from>标签 添加表单元素<input>, <te...
Bootstrap4 列表,本章介绍如何创建简单列表,激活状态列表,禁用状态列表,链接状态列表,以及颜色列表。 创建简单列表的步骤如下: 在 <ul> 元素上添加 .list-group 类 在 <li> 元素上添加...
Bootstrap4 进度条,本章介绍Bootstrap4如何创建一个进度条,设置进度条标签和进度条高度,调整进度条颜色,以及创建条纹进度条和动画进度条。 创建简单进度条的步骤如下: 添加一个 .progress 类的 <div>...
Bootstrap4 按钮,本文介绍了Bootstrap4支持的按钮类型,包括:不同样式按钮、边框按钮、不同大小的按钮、块状按钮、激活和禁用按钮。不同的按钮可以由不同的class来区分。 不同样式按钮 Bootstrap 4 提供了不同样式...
Bootstrap4 图像,本章介绍Bootstrap4常使用的集中图片效果,如:圆角图片、椭圆图片、缩略图、图片对齐、响应式图片,不同的图片效果由不同的class来标识。 圆角图片 .rounded 类可以让图片显示圆角效果: <i...
Bootstrap4 颜色,Bootstrap 4 提供了一些有代表意义的颜色类,包括文本颜色类和背景颜色类。 文本颜色 Bootstrap4提供文本颜色的类有:.text-muted, .text-primary, .text-succe...
Bootstrap4 表格,Bootstrap4 通过.table类来设置基础表格的样式,本文列举了条纹表格、边框表格、鼠标悬停状态表格、黑色背景表格、黑色条纹表格、指定颜色表格等。 条纹表格 通过添加 .table-striped 类,您...