Bootstrap4 颜色Bootstrap 4 提供了一些有代表意义的颜色类：.text-muted, .text-primary, .text-success, .text-info,.text-warning, .text-danger, .text-secondary, ... 阅读全文>>

Bootstrap4 表格Bootstrap4 基础表格Bootstrap4 通过 .table 类来设置基础表格的样式，实例如下:实例<table class="table"> <thead> <tr> ... 阅读全文>>

Bootstrap4 文字排版Bootstrap 4 默认设置Bootstrap 4 默认的font-size 为 16px, line-height 为 1.5。默认的 font-family 为 "Helvetica Neue", Helvetica, Arial, sans... 阅读全文>>

Bootstrap4 图像形状圆角图片.rounded 类可以让图片显示圆角效果：实例<img src="cinqueterre.jpg" class="rounded" alt="Cinque Terre">... 阅读全文>>

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

Bootstrap4 信息提示框Bootstrap 4 可以很容易实现信息提示框。提示框可以使用 .alert 类, 后面加上 .alert-success, .alert-info, .alert-warning, .alert-danger, .alert-primary, ... 阅读全文>>

Bootstrap4 按钮Bootstrap 4 提供了不同样式的按钮。实例<button type="button" class="btn">基本按钮</button><button type="b... 阅读全文>>

Bootstrap4 按钮组Bootstrap 4 中允许我们将按钮放在同一行上。可以在 <div> 元素上添加 .btn-group 类来创建按钮组。实例<div class="btn-group"> <button type... 阅读全文>>

Bootstrap4 徽章（Badges）徽章（Badges）主要用于突出显示新的或未读的项。如需使用徽章，只需要将 .badge 类加上带有指定意义的颜色类 (如 .badge-secondary) 添加到 <span> 元素上即可。 徽章可以根据父元素的大小的变化... 阅读全文>>

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

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

Bootstrap4 列表组大部分基础列表组都是无序的。要创建列表组，可以在 <ul> 元素上添加 .list-group 类, 在<li> 元素上添加 .list-group-item 类:实例<ul class="list-group&... 阅读全文>>

Bootstrap4 卡片简单的卡片我们可以通过 Bootstrap4 的 .card 与 .card-body 类来创建一个简单的卡片，实例如下:实例<div class="card"> <div class="card-bod... 阅读全文>>

Bootstrap4 下拉菜单Bootstrap4 下拉菜单依赖于 popper.min.js。下拉菜单是可切换的，是以列表格式显示链接的上下文菜单。实例<div class="dropdown"> <button type="b... 阅读全文>>

Bootstrap4 折叠Bootstrap4 折叠可以很容易的实现内容的显示与隐藏。实例<button data-toggle="collapse" data-target="#demo">折叠</button> ... 阅读全文>>

Bootstrap4 导航如果你想创建一个简单的水平导航栏，可以在 <ul> 元素上添加 .nav类，在每个 <li> 选项上添加 .nav-item 类，在每个链接上添加 .nav-link 类:实例<ul class="nav"... 阅读全文>>

Bootstrap4 导航栏导航栏一般放在页面的顶部。我们可以使用 .navbar 类来创建一个标准的导航栏，后面紧跟: .navbar-expand-xl|lg|md|sm 类来创建响应式的导航栏(大屏幕水平铺开，小屏幕垂直堆叠)。 导航栏上的选项可以使用 <ul>... 阅读全文>>

Bootstrap4 表单在本章中，我们将学习如何使用 Bootstrap 创建表单。Bootstrap 通过一些简单的 HTML 标签和扩展的类即可创建出不同样式的表单。表单元素 <input>, <textarea>, 和 <select>... 阅读全文>>

Bootstrap4 表单控件Bootstrap4 支持以下表单控件： input textarea checkbox radio selectBootstrap InputBootstrap 支持所有的 HTML5 输入类型: text, password, date... 阅读全文>>

Bootstrap4 轮播轮播是一个循环的幻灯片：如何创建轮播以下实例创建了一个简单的图片轮播效果 ：实例<div id="demo" class="carousel slide" data-ride="carousel&q... 阅读全文>>