📝 Bootstrap教程
418篇技术文档📅 最后修改于: 2020-12-18 13:14:25 🧑 作者: Mango
引导折叠当您要隐藏和显示大量内容时，会使用Bootstrap折叠。“ .collapse”类用于指定可折叠元素。自举折叠示例Bootstrap可折叠面板您也可以折叠面板。请参阅以下示例：引导程序可折叠列表组您还可以创建一个内部包含列表组的可折叠面板。请参阅以下示例：...
📅 最后修改于: 2020-12-18 13:15:54 🧑 作者: Mango
引导选项卡和药丸引导菜单在大多数网页中都使用菜单。这些在无序列表<ul>中定义。您必须将.list-inline类添加到<ul>才能创建水平菜单。请参阅以下示例：引导选项卡您可以使用<ul class =“ nav nav-tabs”>创建基本的导航标签。您还可以使用<liclass =“ active”>标记当前页面。以下示例指定如何创建一个简单的导航选项卡。请参阅以下示例：带有下拉菜单的引导选...
📅 最后修改于: 2020-12-18 13:17:37 🧑 作者: Mango
引导导航栏导航栏就像放置在页面顶部的导航标题。您可以根据屏幕尺寸折叠或扩展它。您可以使用<nav class =“ navbar navbar-default”>在页面顶部创建标准导航栏。请参阅以下示例：Bootstrap反向导航栏反向导航栏提供了另一种黑色导航栏。通过将.navbar-default类更改为.navbar-inverse class，可以用于设置默认导航栏的样式。请参阅以下示例：...
📅 最后修改于: 2020-12-18 13:18:40 🧑 作者: Mango
自举输入自举输入类型输入类型：复选框输入类型：单选按钮引导复选框复选框可帮助您从当前选项列表中选择任意数量的选项。请参阅以下示例：如果希望复选框显示在同一行上，请使用.checkbox-inline类：请参阅以下示例：引导单选按钮单选按钮还可以帮助您从当前选项列表中选择任意数量的选项。请参阅以下示例：如果您希望单选按钮出现在同一行上，请使用.radio-inline类：请参阅以下示例：自举4输入B...
📅 最后修改于: 2020-12-18 13:19:37 🧑 作者: Mango
引导模态引导程序模态插件是一个对话框/弹出窗口，显示在当前页面的顶部。引导模态示例引导模态尺寸您可以通过添加.modal-sm类(用于小模态)或.modal-lg类(用于大模态)来更改模态的大小。size类通过.modal-dialog类添加到<div>元素中。小模态：请参阅以下示例：Bootstrap大模态请参阅以下示例：...
📅 最后修改于: 2020-12-18 13:20:33 🧑 作者: Mango
Bootstrap Popoverbootstrap popover插件与工具提示非常相似。用户单击元素时，它将显示为弹出框。区别在于弹出窗口可以包含更多内容。要创建弹出窗口，请将data-toggle =“ popover”属性添加到元素，并添加title属性以指定弹出窗口的标题文本，并通过data-content属性来指定应在弹出窗口的正文中显示的文本。请参阅以下示例：自举定位弹出框默认情况下...
📅 最后修改于: 2020-12-18 13:21:32 🧑 作者: Mango
引导卷轴Bootstrap Scrollspy插件用于基于滚动位置自动更新导航列表中的链接。请参阅以下示例：Bootstrap垂直滚动菜单您也可以使用垂直导航药丸作为菜单。请参阅以下示例：...
📅 最后修改于: 2020-12-18 13:22:27 🧑 作者: Mango
边框边框实用程序用于快速更改元素的边框样式和边框半径。它主要用于图像，按钮或任何其他元素。您可以对元素使用边框类，以删除所有边框或某些边框。句法：无国界：删除边界：删除右边界：删除底边框：删除左边界：边界半径您可以将边框的半径设置为不同的形状。对元素使用以下类可轻松舍入它的角落。句法：要舍入完整边框：圆角边界：舍入右边界：圆底边框：舍入左边界：绕圈：没有回合：...
📅 最后修改于: 2020-12-18 13:23:19 🧑 作者: Mango
ClearfixClearfix用于通过将.clearfix添加到父元素来轻松清除浮点数。它利用了Nicolas Gallagher推广的micro clearfix。它也可以用作混合。句法：如何在Mixin中使用如何使用Clearfix让我们来看一个例子，看看如何使用clearfix。如果没有clearfix，则环绕div不会在按钮周围散开，这会导致布局损坏。句法：...
📅 最后修改于: 2020-12-18 13:24:10 🧑 作者: Mango
关闭图示“关闭”图标用于关闭模式和警报之类的内容。就像我们对aria-label所做的一样，请确保为屏幕阅读器添加文字。句法：...
📅 最后修改于: 2020-12-18 13:25:04 🧑 作者: Mango
色彩通过使用实用程序类，您可以更改文本的颜色。它也可以用来链接，就像我们默认的链接样式一样，它会在悬停时变暗。句法：静音类别：小学班：成功：信息：警告：危险：白色：上下文文本类也可以与具有所提供的悬停和焦点状态的锚标记一起使用。注意：.text-white类没有链接样式。例：...
📅 最后修改于: 2020-12-18 13:26:11 🧑 作者: Mango
弹性盒Flexbox用于通过一整套响应式Flexbox实用程序快速管理网格列，导航，组件等的布局，对齐和大小。您还可以使用自定义CSS进行复杂的实现。Flexbox属性：启用弹性行为方向证明内容合理对齐项目自我调整具有保证内容的自动边距具有对齐项目的自动边距包订购对齐内容启用弹性行为“显示”实用程序用于创建一个灵活的容器，并将直接子元素转换为弹性项目。您可以使用其他flex属性进一步修改flex容...
📅 最后修改于: 2020-12-18 13:27:03 🧑 作者: Mango
显示属性以下是一些显示实用程序的列表：.d-block display实用程序：此实用程序用于设置要阻止的元素显示属性。句法：.d-inline实用程序：此实用程序用于将元素显示属性设置为inline。句法：.d-inline-block：此实用程序用于将元素显示属性设置为inline块。句法：...
📅 最后修改于: 2020-12-18 13:28:47 🧑 作者: Mango
不可见内容.invisible类可用于仅切换元素的可见性，这意味着它的显示不会被修改，并且元素仍然可以影响文档的流程。句法：如何使用它：...