Bootstrap4 下载安装
Bootstrap4 是 Bootstrap 的最新版本，是一套用于 HTML、CSS 和 JS 开发的开源工具集，与之前的版本相比，拥有更强大的功能。 利用提供的 Sass 变量…
Bootstrap4 浏览器支持
Bootstrap4支持多种浏览器和设备，不管是最新的还是一些较早的浏览器，都支持。具体支持哪一些，请看下面内容。 支持的浏览器 Bootstrap4 支持所有的主流浏览器和平台的…
Bootstrap4 自定义选项
在Bootstrap 4中，我们可以通过一系列的全局选项，在项目中轻松定制所有的组件。这些选项通过Sass变量来处理。通过内置的Gruntfile，可以简单改变一个变量的…
Bootstrap4 弹性盒Flexbox
弹性盒(Flexbox)是Bootstrap4最新支持的特性，Bootstrap 4 通过 flex 类来控制页面的布局。 在Bootstrap4中，只需用少量变量或者交换一下样式…
Bootstrap4 页面创建
创建第一个 Bootstrap 4 页面 当你成功安装好 Bootstrap4 后，就可以开始创建 Bootstrap4 的第一个页面了。 添加 HTML5 d…
Bootstrap4 网格系统
网格系统 Bootstrap拥有一个强大的移动优先的网格系统，使用该系统可以用来创建各种形状和尺寸的布局。该系统是基于个12列的布局，有很多的等级，为每个媒体查询范围创建了一个等级…
Bootstrap4 排版
排版 Bootstrap4 采用了一些简单易用的自定义排版元素，让用户可以对标题、正文、表格等等能够自由定义。下面就一起来看看具体内容吧。 Bootstrap4 默认设置…
Bootstrap4 颜色设置
Bootstrap4 提供了一些有代表意义的颜色类，如：.text-muted, .text-primary, .text-success, …
Bootstrap4 表格设置
表格，在Bootstrap4中经常被使用到。那么在Bootstrap4中，如何设置各种样式的表格呢？ 基础表格 在Bootstrap4中，我们可以使用.table类来设置最简单的表…
Bootstrap4 图片设置
Bootstrap4中，我们可以使用各种类对图片的形状、对齐等进行设置。具体使用的类如下： 图片形状 向一个<img>元素添加类，轻松地在项目中样式化图片。 round…
Bootstrap4 超大屏幕Jumbotron
Jumbotron（超大屏幕）是Bootstrap4支持的一个特性，使用该功能可以增加标题的大小，并为登陆页面内容添加更多的外边距。 提示: Jumbotron …
Bootstrap4 信息提示框
Bootstrap4中，信息提示框功能的实现非常容易。而且可以使用各种类实现提示框的颜色、动画等样式。 提示框颜色： 提示框可以使用 .alert 类,&nbs…
Bootstrap4 按钮
Bootstrap4上提供了不同样式的按钮，这些按钮支持一系列上下文变量、尺寸、状态等设置。 按钮样式： <!DOCTYPE html> <html> &l…
Bootstrap4 按钮组
在上篇文章中，我们已经为大家介绍了单个按钮样式的设置，详情请参考：Bootstrap4 按钮 但是在Bootstrap 4中，除了单个按钮外，还允许我们将按钮放…
Bootstrap4 徽章（Badges）
徽章（Badges）功能的用途主要是用来突显新的或者未读的项，让该项更加显眼。徽章的使用其实很简单，只需要将 .badge 类加上带有指定意义的颜色类 …
Bootstrap4 进度条
进度条可以明确显示用户任务的完成进度，是日常使用频率非常高的一项功能。在Bootstrap4中，进度条的创建也是相对比较简单的。 进度条创建步骤： 1、添加一个带有 .p…
Bootstrap4 分页
在做网页开发时，遇到内容很多的情况下，一般会使用分页来进行处理。在Bootstrap4中，我们可以通过.pagination类和.page-item来实现分页功能。 分页： 要创建…
Bootstrap4 列表组
列表组是一个灵活而且强大的功能，不仅仅可以用来显示简单的元素列表，还可以显示复杂的自定义内容，不过大部分的基础列表都是无序的。 基础列表创建： 在Bootstrap4中，要创建列表…
Bootstrap4 卡片
卡片是一个灵活的、可扩展的内容窗口。它包含了可选的卡片头和卡片脚、一个大范围的内容、上下文背景色以及强大的显示选项。 创建卡片 我们可以通过 Bootstrap4&nbs…
Bootstrap4 下拉菜单
下拉菜单是可触发的,以列表格式显示链接的上下文菜单。在Bootstrap4，实现下拉菜单还是相对比较容易的。 基础下拉菜单创建 .dropdown 类用来指定一个下拉菜单…
