📝 Bootstrap教程
418篇技术文档📅 最后修改于: 2020-12-18 13:29:39 🧑 作者: Mango
职位Bootstrap位置实用程序用于将组件快速放置在常规文档流之外。有几种固定和粘性位置类别。固定顶用于将元素从一个边缘到另一个边缘放置在视口的顶部。您还可以添加一些其他CSS。句法：固定底用于将元素从一个边缘到另一个边缘放置在视口的底部。您还可以添加一些其他CSS。句法：粘顶粘性顶部用于将元素从一个边缘到另一个边缘放置在视口的顶部，但仅当您滚动通过它时才可以。 .sticky-top实用程序使...
📅 最后修改于: 2020-12-18 13:30:32 🧑 作者: Mango
响应式助手响应式帮助程序实用程序允许浏览器根据其包含块的宽度来确定视频或幻灯片的尺寸，从而可以在任何设备上正确缩放。您必须直接在<iframe>，<embed>，<video>和<object>元素上应用规则；要与其他属性的样式匹配时，可以选择使用显式后代.embed-sensitive-item。注意：您不需要在您的计算机中包含frameborder =“ 0”<iframe> ，因为我们会为您...
📅 最后修改于: 2020-12-18 13:31:25 🧑 作者: Mango
屏幕阅读器屏幕阅读器用于将元素隐藏到除具有.sr-only的屏幕阅读器之外的所有设备上。将.sr-only和.sr-only-focusable结合使用以在元素聚焦时再次显示该元素(例如，仅键盘用户)。也可以用作mixin。句法：如何使用它：...
📅 最后修改于: 2020-12-18 13:32:18 🧑 作者: Mango
浆纱用于确定元素的大小。通过使用大小调整实用程序，您可以使用width和height实用程序轻松地将元素的宽度或高度(相对于其父元素)制成。包括默认情况下对25％，50％，75％和100％的支持。宽度和高度实用程序是从_variables.scss中的$ sizes Sass映射生成的。当您需要在此处生成其他实用程序时，可以修改这些值。宽度尺寸以下是按宽度调整元素大小的语法：句法：身高尺码以下是按...
📅 最后修改于: 2020-12-19 02:51:36 🧑 作者: Mango
间距间距实用程序用于将响应友好的边距或填充值分配给具有速记类别的元素或其侧面的子集。它包括单个属性，所有属性以及垂直和水平属性。它的类从默认的Sass映射生成，范围从.25rem到3rem。符号适用于从xs到xl的所有断点的间距实用程序中没有断点的缩写。这是因为这些类是从min-width：0开始使用的，并且不受媒体查询的约束。但是，其余的断点确实包含断点的缩写。对于xs，使用{property}...
📅 最后修改于: 2020-12-19 02:53:24 🧑 作者: Mango
版式排版提供了一些实用程序，可为文本添加其他样式。这些实用程序是：文字对齐文字转换字体粗细和斜体文字对齐文本对齐用于通过文本对齐类轻松地将文本重新对齐到组件。句法：左对齐文本：对齐文字中心：右对齐文本：对齐文本对齐：对齐文本不换行：您还可以根据其大小在视口上对齐文本。大小为SM(较小)或较大的视口上的左对齐文本。在视口尺寸为MD(中)或更宽的视口上左对齐文本。在大小为LG(大)或更宽的视口上左对齐...
📅 最后修改于: 2020-12-19 02:54:45 🧑 作者: Mango
引导CDNCDN代表内容交付网络或内容分发网络。它可以帮助我们改善渲染时间和网站性能。jQuery库，以使项目具有响应性，移动友好性和吸引力。Bootstrap CDN链接和脚本CSS链接将下面的CSS链接复制粘贴到代码的<head>部分。的JavaScriptjQuery库注意：如果没有互联网连接，我们将无法使用Bootstrap CDN。如何使用Bootstrap CDN以下示例说明了如何在代...
📅 最后修改于: 2020-12-19 02:56:16 🧑 作者: Mango
引导旋转器微调器也称为加载指示器。它用于显示/指示我们项目的加载状态。 Bootstrap使用.spinner类创建Spinner。我们使用以下语法在Bootstrap中创建Spinner-旋转器的类型我们使用Bootstrap创建以下类型的微调框-1.边框微调器边框微调器用于轻型指示器。我们使用以下语法在Bootstrap中创建Border Spinner-句法：码：2.彩色微调框我们使用以下语...
📅 最后修改于: 2020-12-19 02:57:08 🧑 作者: Mango
自举星级通过星级评定，用户可以分享他们对文档，产品，图像，视频等的看法(评定)。要创建选中(实心)星形图标，请使用以下语法-要创建未选中的星形图标，请使用以下语法-码：输出：...
📅 最后修改于: 2020-12-19 03:04:24 🧑 作者: Mango
引导程序替代Bootstrap是最流行的开源前端(HTML，CSS和JavaScript)框架之一，用于创建漂亮的Web项目和适合移动设备的网站。尽管Bootstrap是一个了不起的前端框架，但是还有其他一些Bootstrap替代品，它们与Bootstrap一样好。下面给出了一些最广泛使用的Bootstrap替代品-1.骨架骨架是最好的和流行的轻量级自举程序替代品。它是由Dave Gamache开...
📅 最后修改于: 2020-12-19 03:05:25 🧑 作者: Mango
引导选择器引导日期选择器Bootstrap Datepicker用于显示带有日期，月份和时间的日历。您可以使用以下代码在Bootstrap中创建日期选择器。引导时间选择器Bootstrap timepicker用于显示时间，以分钟或秒为单位。例：引导日期时间选择器Bootstrap Datetime选择器是一个输入字段，用于显示带有时间的日历。在Bootstrap中，有以下两种显示日期时间选择器的...
📅 最后修改于: 2021-05-25 10:50:14 🧑 作者: Mango
本文的目的是将内容调整为四列，其中前两列表示标签及其内容，后两列表示标签及其内容。类“行”和“列”用于创建可以由许多行和列表示的网格。类“行”创建一行，内容将放置在该行中，类“ col”创建该行中的分区，从而在该行中留出4个标签或4个项目的空间。本示例使用Bootstrap创建四列，其中前两列代表标签及其内容，后两列代表标签及其内容。例子：输出：...
📅 最后修改于: 2021-05-25 10:50:50 🧑 作者: Mango
简介：MDBootstrap(引导程序的材料设计)是一个完整的UI软件包，可以与Angular，React，Vue等其他框架集成。它用于使用各种组件，插件，与其他浏览器兼容的动画，使其更具吸引力和用户友好性。MDBootstrap的功能：可以轻松下载的开源工具。完全响应不同的设备。存在各种UI组件，这些组件使开发人员的工作更加轻松。提供大量的动画和图标。应用程序的惊人外观。先决条件：诸如VS Co...
📅 最后修改于: 2021-05-25 10:51:34 🧑 作者: Mango
默认情况下，Bootstrap 4在scss / _variables.scss文件中提供了可用作SASS变量和SASS映射的所有颜色样式。在进一步发行中，将提供超新的阴影，例如灰度调色板。 SASS映射中定义了许多颜色系列，这些颜色系列循环生成自定义规则集。 Bootstrap 4的颜色包括主题颜色和组件颜色，此SASS映射起着至关重要的作用。使用SASS初始化颜色变量：SASS映射的示例：_c...
📅 最后修改于: 2021-05-25 10:52:40 🧑 作者: Mango
每个人都想创建一个与所有设备(例如计算机，笔记本电脑，平板电脑和移动设备)兼容的网站。因此，使网站具有响应性的最佳方法是使用Bootstrap创建网站。由于它是一个单页网站，当您单击网站上的任何菜单时，它将带您进入特定部分。代码实现：HTML代码：在HTML代码中，您必须从引导程序复制入门模板，然后将其粘贴到HTML文件中。之后，创建一个导航栏。然后，您只需要使用引导程序的网格系统，就可以创建一个...