Bootstrap4 教程 第3页

2022-06-18阅读(420)

网页开发过程，如果碰到内容过多，一般都会做分页处理。 Bootstrap 4 可以很简单的实现分页效果。 要创建一个基本的分页可以在 <ul> 元素上添加 .pagination 类。然后...

2022-06-18阅读(534)

可以使用文本颜色类设置不同的颜色： 闪烁的加载效果 使用 .spinner-grow 类来设置闪烁的加载效果: 设置加载效果大小 使用.spinner-border-sm 或 .spinner-grow-sm 类来创建加载效果的大小: 加载...

2022-06-18阅读(444)

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

2022-06-18阅读(437)

徽章（Badges）主要用于突出显示新的或未读的项。如需使用徽章，只需要将 .badge 类加上带有指定意义的颜色类 (如 .badge-secondary) 添加到 <span>&nbs...

2022-06-18阅读(387)

Bootstrap 4 中允许我们将按钮放在同一行上。 可以在 <div> 元素上添加 .btn-group 类来创建按钮组。 提示: 我们可以使用 .btn-grou...

2022-06-18阅读(463)

Bootstrap 4 提供了不同样式的按钮。 按钮类可用于 <a>, <button>, 或 <input> 元素上: 按钮设置边框 不同大小的按钮 Bootst...

2022-06-18阅读(471)

Bootstrap 4 可以很容易实现信息提示框。 提示框可以使用 .alert 类, 后面加上 .alert-success, .alert-info, .alert-warning, .alert-danger, .alert-prim...

2022-06-18阅读(484)

Jumbotron（超大屏幕）会创建一个大的灰色背景框，里面可以设置一些特殊的内容和信息。 提示: Jumbotron 里头可以放一些 HTML标签，也可以是 Bootstrap 的元素。 我们可以通过在 <div>&...

2022-06-18阅读(441)

圆角图片 .rounded 类可以让图片显示圆角效果： 椭圆图片 .rounded-circle 类可以设置椭圆形图片: 缩略图 .img-thumbnail 类用于设置图片缩略图(图片有边框): 图片对齐方式...

2022-06-16阅读(577)

Bootstrap4 基础表格 Bootstrap4 通过 .table 类来设置基础表格的样式，实例如下: 条纹表格 通过添加 .table-striped 类，您将在 <tbody...