Bootstrap4 表单在本章中，我们将学习如何使用 Bootstrap 创建表单。Bootstrap 通过一些简单的 HTML 标签和扩展的类即可创建出不同样式的表单。表单元素 <input>, <textarea>, 和 <select>... 阅读全文>>

Bootstrap4 表单控件Bootstrap4 支持以下表单控件： input textarea checkbox radio selectBootstrap InputBootstrap 支持所有的 HTML5 输入类型: text, password, date... 阅读全文>>

Bootstrap4 轮播轮播是一个循环的幻灯片：如何创建轮播以下实例创建了一个简单的图片轮播效果 ：实例<div id="demo" class="carousel slide" data-ride="carousel&q... 阅读全文>>

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

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

Bootstrap4 提示框提示框是一个小小的弹窗，在鼠标移动到元素上显示，鼠标移到元素外就消失。如何创建提示框通过向元素添加 data-toggle="tooltip" 来来创建提示框。 title 属性的内容为提示框显示的内容：<a href="#"... 阅读全文>>

Bootstrap 滚动监听(Scrollspy)滚动监听（Scrollspy）插件，即自动更新导航插件，会根据滚动条的位置自动更新对应的导航目标。其基本的实现是随着您的滚动。如何创建滚动监听以下实例演示了如何创建滚动监听：实例<!-- 可滚动区域 --><bo... 阅读全文>>

Bootstrap4 小工具Bootstrap4 提供了一些小工具，可以让我们不用写 CSS 代码就能实现想要的效果。边框使用 border 类可以添加或移除边框:实例<span class="border"></span><sp... 阅读全文>>

Bootstrap4 Flex（弹性）布局Bootstrap4 通过 flex 类来控制页面的布局。弹性盒子(flexbox)Bootstrap 3 与 Bootstrap 4 最大的区别就是 Bootstrap 4 使用弹性盒子来布局，而不是使用浮动来布局。弹性盒子是 CSS... 阅读全文>>

Bootstrap4 多媒体对象Bootstrap 提供了很好的方式来处理多媒体对象（图片或视频）和内容的布局。应用场景有博客评论、微博等:基础多媒体对象要创建一个多媒体对象，可以在容器元素上添加 .media 类，然后将多媒体内容放到子容器上，子容器需要添加 .media-bo... 阅读全文>>

Bootstrap4 创建一个网页接下来我们通过 Bootstrap4 来创建一个简单的响应式网页。在学习之前我们可以先看下效果：https://www.runoob.com/try/demo_source/bootstrap3-makewebsite.htmHTML 代码<... 阅读全文>>