Bootstrap4图像形状圆角图片.rounded类可以让图片显示圆角效果：实例imgdecoding="async"src="cinqueterre.jpg"class="rounded"alt="CinqueTerre">尝试一下»椭圆图片.rounded-circle类可以设置椭圆形图片:实例imgdecoding="async"src="cinqueterre.jpg"class="rounded-circle"alt="CinqueTerre">尝试一下»缩略图.img-thumbnail类用于设置图片缩略图(图片有边框):实例imgdecoding="async"src="cin
Bootstrap4图像形状圆角图片.rounded类可以让图片显示圆角效果：实例imgdecoding="async"src="cinqueterre.jpg"class="rounded"alt="CinqueTerre">尝试一下»椭圆图片.rounded-circle类可以设置椭圆形图片:实例imgdecoding="async"src="cinqueterre.jpg"class="rounded-circle"alt="CinqueTerre">尝试一下»缩略图.img-thumbnail类用于设置图片缩略图(图片有边框):实例imgdecoding="async"src="cin
Bootstrap4颜色Bootstrap4提供了一些有代表意义的颜色类：.text-muted,.text-primary,.text-success,.text-info,.text-warning,.text-danger,.text-secondary,.text-white,.text-darkand.text-light:实例divclass="container">h2>代表指定意义的文本颜色h2>pclass="text-muted">柔和的文本。p>pclass="text-primary">重要的文本。p>pclass="text-success">执行成功的文本。p>pc
Bootstrap4颜色Bootstrap4提供了一些有代表意义的颜色类：.text-muted,.text-primary,.text-success,.text-info,.text-warning,.text-danger,.text-secondary,.text-white,.text-darkand.text-light:实例divclass="container">h2>代表指定意义的文本颜色h2>pclass="text-muted">柔和的文本。p>pclass="text-primary">重要的文本。p>pclass="text-success">执行成功的文本。p>pc
Bootstrap附加导航（Affix）插件附加导航（Affix）插件允许指定固定在页面的某个位置。一个常见的例子是社交图标。它们将在某个位置开始，但当页面点击某个标记，该会锁定在某个位置，不会随着页面其他部分一起滚动。如果您想要单独引用该插件的功能，那么您需要引用affix.js。或者，正如Bootstrap插件概览一章中所提到，您可以引用bootstrap.js或压缩版的bootstrap.min.js。用法您可以通过data属性或者通过JavaScript来使用附加导航（Affix）插件。通过data属性：如需向元素添加附加导航（Affix）行为，只需要向需要监听的元素添加data-sp
Bootstrap附加导航（Affix）插件附加导航（Affix）插件允许指定固定在页面的某个位置。一个常见的例子是社交图标。它们将在某个位置开始，但当页面点击某个标记，该会锁定在某个位置，不会随着页面其他部分一起滚动。如果您想要单独引用该插件的功能，那么您需要引用affix.js。或者，正如Bootstrap插件概览一章中所提到，您可以引用bootstrap.js或压缩版的bootstrap.min.js。用法您可以通过data属性或者通过JavaScript来使用附加导航（Affix）插件。通过data属性：如需向元素添加附加导航（Affix）行为，只需要向需要监听的元素添加data-sp
Bootstrap轮播（Carousel）插件Bootstrap轮播（Carousel）插件是一种灵活的响应式的向站点添加滑块的方式。除此之外，内容也是足够灵活的，可以是图像、内嵌框架、视频或者其他您想要放置的任何类型的内容。如果您想要单独引用该插件的功能，那么您需要引用carousel.js。或者，正如Bootstrap插件概览一章中所提到，您可以引用bootstrap.js或压缩版的bootstrap.min.js。实例下面是一个简单的幻灯片，使用Bootstrap轮播（Carousel）插件显示了一个循环播放元素的通用组件。为了实现轮播，您只需要添加带有该标记的代码即可。不需要使用dat
Bootstrap轮播（Carousel）插件Bootstrap轮播（Carousel）插件是一种灵活的响应式的向站点添加滑块的方式。除此之外，内容也是足够灵活的，可以是图像、内嵌框架、视频或者其他您想要放置的任何类型的内容。如果您想要单独引用该插件的功能，那么您需要引用carousel.js。或者，正如Bootstrap插件概览一章中所提到，您可以引用bootstrap.js或压缩版的bootstrap.min.js。实例下面是一个简单的幻灯片，使用Bootstrap轮播（Carousel）插件显示了一个循环播放元素的通用组件。为了实现轮播，您只需要添加带有该标记的代码即可。不需要使用dat
Bootstrap折叠（Collapse）插件折叠（Collapse）插件可以很容易地让页面区域折叠起来。无论您用它来创建折叠导航还是内容面板，它都允许很多内容选项。如果您想要单独引用该插件的功能，那么您需要引用collapse.js。同时，也需要在您的Bootstrap版本中引用Transition（过渡）插件。或者，正如Bootstrap插件概览一章中所提到，您可以引用bootstrap.js或压缩版的bootstrap.min.js。您可以使用折叠（Collapse）插件：创建可折叠的分组或折叠面板（accordion），如下所示：实例divclass="panel-group"id="
Bootstrap折叠（Collapse）插件折叠（Collapse）插件可以很容易地让页面区域折叠起来。无论您用它来创建折叠导航还是内容面板，它都允许很多内容选项。如果您想要单独引用该插件的功能，那么您需要引用collapse.js。同时，也需要在您的Bootstrap版本中引用Transition（过渡）插件。或者，正如Bootstrap插件概览一章中所提到，您可以引用bootstrap.js或压缩版的bootstrap.min.js。您可以使用折叠（Collapse）插件：创建可折叠的分组或折叠面板（accordion），如下所示：实例divclass="panel-group"id="
