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

Bootstrap4 小工具Bootstrap4 提供了一些小工具，可以让我们不用写 CSS 代码就能实现想要的效果。 边框使用 border 类可以添加或移除边框: <style> .border {

Bootstrap4 弹出框弹出框控件类似于提示框，它在鼠标点击到元素后显示，与提示框不同的是它可以显示更多的内容。 如何创建弹出框通过向元素添加 data-toggle=”popover” 来来创建弹出框。 title 属性的内容为弹出框

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

Bootstrap4 折叠Bootstrap4 折叠可以很容易的实现内容的显示与隐藏。 <div class="container"> <h2>简单的折叠</h2> <p>点击

Bootstrap4 按钮Bootstrap 4 提供了不同样式的按钮。 <button type="button" class="btn">基本按钮</button> <button type="button

Bootstrap4 按钮组Bootstrap 4 中允许我们将按钮放在同一行上。 可以在 <div> 元素上添加 .btn-group 类来创建按钮组。 <div class="btn-group"> &l

Bootstrap4 提示框提示框是一个小小的弹窗，在鼠标移动到元素上显示，鼠标移到元素外就消失。 如何创建提示框通过向元素添加 data-toggle=”tooltip” 来来创建提示框。 title 属性的内容为提示框显示的内容： &l

Bootstrap4 文字排版Bootstrap 4 默认设置Bootstrap 4 默认的 font-size 为 16px, line-height 为 1.5。 默认的 font-family 为 “Helvetica Neue”,

Bootstrap4 模态框模态框（Modal）是覆盖在父窗体上的子窗体。通常，目的是显示来自一个单独的源的内容，可以在不离开父窗体的情况下有一些互动。子窗体可提供信息交互等。 如何创建模态框以下实例创建了一个简单的模态框效果 ： <