Bootstrap data-toggle 与 data-bs-toggle 属性之间有什么区别?

2023-12-27

Context

我正在使用 Bootstrap 主题,现在我注意到,当主题更新到 Bootstrap 5 时,所有 data-toggle 属性都被替换为 data-bs-toggle (除了一个,哪个元素仍然有效)

Question

Bootstrap data-toggle 与 data-bs-toggle 属性之间有什么区别?


这来自PR 31827 https://github.com/twbs/bootstrap/pull/31827 and 提交 418f17e https://github.com/twbs/bootstrap/commit/418f17ee2b849dafdc39623ba2378df9229164a7(2020 年 11 月,bootstrap v5.0.0-beta1)

它修复了问题 29479 https://github.com/twbs/bootstrap/issues/29479“为 data-* 属性添加命名空间?”

正如“Bootstrap 5 中的新增功能/数据属性的更改 https://www.sitepoint.com/bootstrap-5-new-features-examples/#changeindataattributes" from 沙赫德·纳赛尔 https://twitter.com/shahednasserr:

Bootstrap 5 更改了其组件通常使用的数据属性的命名,这些组件使用 JavaScript 作为其功能的一部分。

以前,大多数依赖某些 JavaScript 功能的组件都具有以data-.

在 Bootstrap 5 中,这些组件的数据属性现在以data-bs to 轻松命名空间 Bootstrap 属性.

提交 b38110a https://github.com/twbs/bootstrap/commit/b38110aa7de32ec71cec4f03342ff0c7f29f2991同意:

所有 JavaScript 插件的数据属性现在都命名为帮助区分 Bootstrap 功能与第三方和您自己的代码.
例如,我们使用data-bs-toggle代替data-toggle.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Bootstrap data-toggle 与 data-bs-toggle 属性之间有什么区别? 的相关文章

  • 多列定义列表[重复]

    这个问题在这里已经有答案了 我有一个 dl 像这样 dl dt Quantity dd dt Size dd dt Rise dd dt Color dd dd dt dd dt dd dt dd dt dl 该列表是通过 php 动态生成
  • 使用 bootstrap 将搜索图标放入文本框中

    我默认使用引导程序 文本框占据列的全宽 我想将搜索图标放在文本框的末尾 我的代码是这样的 div class container div class row div class form group col lg 4 div div div
  • 自定义 WP 主题时,我应该将导航栏放在“”标签之前还是之后?

    我正在通过制作子主题来自定义 WP 主题 我将 Bootstrap 中的导航栏放入子主题目录中的 header php 文件中 但是 我不确定在哪里放置导航栏代码 我可以把它都放在前面and之后标记成功 例如 无论我选择哪一个 导航栏都显示
  • 仅当显式选择行时才关闭 ui-bootstrap typeahead

    我创建了这个jsBin http jsbin com livuqafe 2 edit来证明我遇到的问题 如果您转到此处 请尝试输入 五 并继续 你的自然反应是输入 五 然后按 Tab 如果你想要 五百 你可以向下箭头一次 但是 在这种情况下
  • 为什么 Twitter Bootstrap 表格的宽度总是 100%?

    假设这个标记 table class table table bordered align center 无论我有多少个单元格 表格的宽度始终为 100 为什么 引导程序中的所有表格都根据其容器进行拉伸 您可以通过将表格放入 span 您选
  • Capybara-webkit 无法处理与 bootstrap glyphicon 的链接

    我有一个链接 link to q span class glyphicon glyphicon trash span html safe feed item data confirm Are you sure toggle tooltip
  • 使用css bootstrap时如何仅向一列添加右边框?

    我正在尝试使用CSS引导框架 http getbootstrap com css tables在我的项目中 我正在使用带有以下类的表table table bordered table striped 我想删除除第一列之外的所有列的边框 这
  • CakePHP 与 Bootstrap(来自 Twitter)

    我是 CakePHP 的新手 我想知道一种在与蛋糕结合的布局中使用 Twitter 的 Bootstrap 的方法 我主要关心的是让 Form Helper 继续正常运行 因为我认为它使用预先配置的 CSS 类 如果我更改默认的 css 我
  • Twitter Bootstrap 上的插入符号是如何构建的?

    这更多的是一个好奇问题 而不是我真正需要知道的事情 在本页面 http twitter github com bootstrap components html buttonDropdowns http twitter github com
  • 为什么 `input type="date"` 的行为发生了变化?

    日期输入 例如
  • 避免响应式页面的重复内容

    我目前正在做一个涉及响应式设计的项目 整个布局应该使用HTML和CSS来实现 我知道可以使用 java 脚本将内容从一个列布局移动到另一列布局 而无需复制内容 但是使用 HTML 和 CSS 是否可以实现相同的效果 以下面的例子为例 它会在
  • Bootstrap:垂直表单内的水平字段

    我希望使用 Bootstrap 在 垂直样式 表单中添加一些 水平样式 字段 我怎样才能做到这一点 如果可能的话 您可以利用 Bootstrap 的现有类 checkbox inline 以获得您正在寻找的效果 使其看起来正确的关键是指定p
  • 当引导模式打开时如何防止正文内容滚动

    我正在使用 Angular UI Bootstrap模态框 http angular ui github io bootstrap modal 当模式打开时 主体有一个滚动条 当我滚动时 模式后面的内容也会滚动 我可以将溢出 隐藏到正文标记
  • bootstrap表格边框删除水平线

    我想删除引导程序表格边框的水平线并保留垂直线 我尝试了很多解决方案并做了很多研究 但我仍然找不到解决方案 div class container div class row div class col md 12 table class t
  • Bootstrap Typeahead:删除第一项的强制选择

    您好 我正在 Twitter Bootstrap 中使用 typeahead 我在这里发现 在自动完成下拉列表中 它默认选择第一个选项 我的要求是 最初它不应该选择任何内容 只有当我按下导航键 向上或向下 或将鼠标悬停在它上面时 它才会进入
  • 需要设计8个盒子,排成两排

    如何使用bootstrap设计如下8个盒子 Please 忽略颜色每个盒子都会类似于名片 它们应该只有 8 个盒子 排成两排 With 大屏幕中右侧和左侧的特定边距 and 不 小屏幕中的边距 所以在平板电脑中应该是 2 在移动设备中应该是
  • bootstrap-select 不代理点击事件

    我有选择元素
  • 如何使用 Twitter Bootstrap 创建类似 Gmail 的布局

    是否可以使用 Twitter Bootstrap 创建类似 GMail GoogleGroups 的布局 以便布局始终适合视口 窗口高度 并且侧边栏和内容区域适合 单独滚动 Fixed top navbar
  • 如何通过 Javascript 获取 Bootstrap 版本?

    有没有办法通过调用函数来获取Bootstrap版本 我做了一些研究 但找不到任何方法 版本信息包含在开头的注释中 如下所示 引导程序 v3 3 7 http getbootstrap com http getbootstrap com 版权
  • Twitter Bootstrap Modal 无法在 Rails 中工作

    我还很新Rails and to twitter bootstrap 我正在研究模态 但我收到了 NoMethodError 未定义的方法 渲染 当我删除 代码来自my release js erb页面 它消失但没有窗口出现 另外 还有错误

随机推荐