Bootstrap5颜色Bootstrap5提供了一些有代表意义的颜色类：.text-muted,.text-primary,.text-success,.text-info,.text-warning,.text-danger,.text-secondary,.text-white,.text-dark,.text-body(默认颜色，为黑色)and.text-light:实例divclass="container">h2>代表指定意义的文本颜色h2>pclass="text-muted">柔和的文本。p>pclass="text-primary">重要的文本。p>pclass="text-

Bootstrap5颜色Bootstrap5提供了一些有代表意义的颜色类：.text-muted,.text-primary,.text-success,.text-info,.text-warning,.text-danger,.text-secondary,.text-white,.text-dark,.text-body(默认颜色，为黑色)and.text-light:实例divclass="container">h2>代表指定意义的文本颜色h2>pclass="text-muted">柔和的文本。p>pclass="text-primary">重要的文本。p>pclass="text-

Bootstrap4多媒体对象Bootstrap提供了很好的方式来处理多媒体对象（图片或视频）和内容的布局。应用场景有博客评论、微博等:基础多媒体对象要创建一个多媒体对象，可以在容器元素上添加.media类，然后将多媒体内容放到子容器上，子容器需要添加.media-body类，然后添加外边距，内边距等效果:实例divclass="mediaborderp-3">imgdecoding="async"src="mobile-icon.png"alt="JohnDoe"class="mr-3mt-3rounded-circle"style="width:60px;">divclass="media

Bootstrap4多媒体对象Bootstrap提供了很好的方式来处理多媒体对象（图片或视频）和内容的布局。应用场景有博客评论、微博等:基础多媒体对象要创建一个多媒体对象，可以在容器元素上添加.media类，然后将多媒体内容放到子容器上，子容器需要添加.media-body类，然后添加外边距，内边距等效果:实例divclass="mediaborderp-3">imgdecoding="async"src="mobile-icon.png"alt="JohnDoe"class="mr-3mt-3rounded-circle"style="width:60px;">divclass="media

Bootstrap4Flex（弹性）布局Bootstrap4通过flex类来控制页面的布局。弹性盒子(flexbox)Bootstrap3与Bootstrap4最大的区别就是Bootstrap4使用弹性盒子来布局，而不是使用浮动来布局。弹性盒子是CSS3的一种新的布局模式，更适合响应式的设计，如果你还不了解flex，可以阅读我们的CSS3弹性盒子(FlexBox)教程注意：IE9及其以下版本不支持弹性盒子，所以如果你需要兼容IE8-9，请使用Bootstrap3。以下实例使用d-flex类创建一个弹性盒子容器，并设置三个弹性子元素：实例divclass="d-flexp-3bg-seconda

Bootstrap4Flex（弹性）布局Bootstrap4通过flex类来控制页面的布局。弹性盒子(flexbox)Bootstrap3与Bootstrap4最大的区别就是Bootstrap4使用弹性盒子来布局，而不是使用浮动来布局。弹性盒子是CSS3的一种新的布局模式，更适合响应式的设计，如果你还不了解flex，可以阅读我们的CSS3弹性盒子(FlexBox)教程注意：IE9及其以下版本不支持弹性盒子，所以如果你需要兼容IE8-9，请使用Bootstrap3。以下实例使用d-flex类创建一个弹性盒子容器，并设置三个弹性子元素：实例divclass="d-flexp-3bg-seconda

Bootstrap4小工具Bootstrap4提供了一些小工具，可以让我们不用写CSS代码就能实现想要的效果。边框使用border类可以添加或移除边框:实例spanclass="border">span>spanclass="borderborder-0">span>spanclass="borderborder-top-0">span>spanclass="borderborder-right-0">span>spanclass="borderborder-bottom-0">span>spanclass="borderborder-left-0">span>尝试一下»边框颜色Bootstr

Bootstrap4小工具Bootstrap4提供了一些小工具，可以让我们不用写CSS代码就能实现想要的效果。边框使用border类可以添加或移除边框:实例spanclass="border">span>spanclass="borderborder-0">span>spanclass="borderborder-top-0">span>spanclass="borderborder-right-0">span>spanclass="borderborder-bottom-0">span>spanclass="borderborder-left-0">span>尝试一下»边框颜色Bootstr

Bootstrap4滚动监听(Scrollspy)滚动监听（Scrollspy）插件，即自动更新导航插件，会根据滚动条的位置自动更新对应的导航目标。其基本的实现是随着您的滚动。如何创建滚动监听以下实例演示了如何创建滚动监听：实例可滚动区域-->bodydata-spy="scroll"data-target=".navbar"data-offset="50">Thenavbar-Theelementsareusedtojumptoasectioninthescrollablearea-->navclass="navbarnavbar-expand-smbg-darknavbar-darkfix

Bootstrap4滚动监听(Scrollspy)滚动监听（Scrollspy）插件，即自动更新导航插件，会根据滚动条的位置自动更新对应的导航目标。其基本的实现是随着您的滚动。如何创建滚动监听以下实例演示了如何创建滚动监听：实例可滚动区域-->bodydata-spy="scroll"data-target=".navbar"data-offset="50">Thenavbar-Theelementsareusedtojumptoasectioninthescrollablearea-->navclass="navbarnavbar-expand-smbg-darknavbar-darkfix