Bootstrap

「这是我参与11月更文挑战的第1天，活动详情查看：2021最后一次更文挑战」。 在我上一期写Bootstrap专栏系列文章的时候就有很多朋友回复说，你写点流行的东西吧，Bootstrap落伍了，已经被

使用Bootstrap读取图标以表示元件加载状态，这些读取图标完全使用HTML，CSS，而没有使用到JavaScript。它们的外观、对齐以及尺寸都可以通过通用类来自定义

吐司（Toasts）是一种轻量级通知，旨在模仿移动和桌面操作系统已经普及的推送通知。它们是用flexbox构建的，所以它们很容易对齐和定位。和弹出提示一样，吐司消息也需要自己初始化

这是我参与更文挑战的第27天，活动详情查看： 更文挑战 27.1 概述 这几要讲两个控件：弹出提示（Popovers）和工具提示（Tooltips），这两个组件功能都很单一，用法也很简单，有很多相似之

这是我参与更文挑战的第26天，活动详情查看： 更文挑战 26.1 Bootstrap5模态弹框工作原理 使用Bootstrap的JavaScript模式插件将对话框添加到站点中，用于灯箱、用户通知或完

列表组是显示一系列内容的灵活而强大的组件。Bootstrap修改和扩展它们以支持其中的任何内容。 最基本的列表组是一个无序的列表，其中包含列表项和适当的类。在它的基础上使用下面的选项，或者根据需要使用

分页导航一般用于文章列表页、下载列表、图片列表等，由于数据很多，不可能在一页显示，一般分页导航包括上一页、下一页、数字页码等。

下拉菜单（Dropdowns）和表单里面的下拉列表（Select）具有很多外观上的相似性，但却有着本质的不同，下拉列表使用的是Select表单，而下拉菜单（Dropdowns）使用的是div和css实

这是我参与更文挑战的第22天，活动详情查看： 更文挑战 22.1 轮播组件 轮播（Carousel）是一种幻灯片放映组件，用于在元素、图像或文本幻灯片（如旋转木马）之间循环播放。

Bootstrap的卡提供了一个灵活的、可扩展的内容容器，其中包含多种变体和选项。卡片被设计成尽可能的少用一些标记和样式，它们可以更方便的对齐，并与其它的Bootstrap元件良好混合。预设中它并没有

这是我参与更文挑战的第20天，活动详情查看： 更文挑战 20.1 简单例子 将一系列按钮组合在一行上，或将它们堆叠在一个垂直的列中，用.btn-group包装，就组成了一个按钮组。 这些类也可以添加到

这是我参与更文挑战的第19天，活动详情查看： 更文挑战 19.1 按钮标签 .btn类设计用于button元素。但是，您也可以在a或input元素上使用这些类。下面是几个例子及效果，从外观上来看几乎没

徽章通常用于导航栏、标题、按钮、头像右侧的一个小区域，用于计数（如n条未读消息）或标识新发布new、热门hot等。通过使用相对字体大小和em单位，徽章可以缩放以匹配直接父元素的大小。

大家看到Alerts这个单词不要和js中的Alert警告窗相混淆，二者没什么联系。 Bootstrap5警告框，官方的定义是为典型用户操作提供上下文反馈消息，并提供少量可用且灵活的警报消息。官方的定

手风琴（Accordion）组件非常类似于选项卡，只不过它不是横向排列，而是竖向排列，结合自带的JavaScript插件无需手写js就可以实现折叠的垂直内容。手风琴通常用于后台面板垂直导航菜单、前台折

这是我参与更文挑战的第15天，活动详情查看： 面包屑导航一般用在网站顶部导航条下，指示当前页在导航层次结构中的层次，一般用>或者|及空格间隔，Bootstrap5 面包

滑动导航（Offcanvas）是一个侧边栏组件，可以通过JavaScript进行切换，从窗口的左、右或下边缘显示和隐藏，在项目中常用来构建可隐藏的侧边栏，用于导航、购物车等。

Bootstrap导航工具条（Navbar）与上一节学习的导航比，功能强大，且是响应式的，结构包括包括品牌、导航、表单等，以及针对折叠插件的支持。在开始使用导航条之前，您需要了解以下内容：

导航栏是网站系统必须的功能，以前为了做好一个导航栏，需要花很多的功夫，现在有了 Bootstrap5导航，从此做一个漂亮的导航栏，只是片刻功夫复制粘贴就可以完成。

在html标签table加上基本类别 .table就可以使用Bootstrap的表格可选修饰类别或是自定义样式进行扩展。所有表格样式在Bootstrap中都不会继承，意味着嵌套表格的样