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

Bootstrap4 图像形状圆角图片.rounded 类可以让图片显示圆角效果： <img src="cinqueterre.jpg" class="rounded" alt="Cinque Terre"> 椭圆图片.rou

Bootstrap4 安装使用我们可以通过以下两种方式来安装 Bootstrap4： 使用 Bootstrap 4 CDN。 从官网 getbootstrap.com 下载 Bootstrap 4。 Bootstrap 4 CDN

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

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