Bootstrap组件中仅文档标注“via data attributes”的选项支持data属性配置，需用短横线格式（如data-bs-boundary）、正确值类型（布尔值写true而非1），且仅首次自动初始化时生效；混用JS初始化将忽略data属性。
data属性能改哪些Bootstrap组件选项
不是所有选项都支持data-属性配置，只有文档明确标注“via data attributes”的才生效。比如modal的backdrop和keyboard可以，但container不行；tooltip的title和placement可以，template就不行。
常见错误是把JS初始化时用的驼峰写法（如boundary）直接套成data-boundary——实际要转为短横线格式：data-boundary="viewport"。另外布尔值写data-show="true"有效，但data-show="1"或data-show（无值）多数组件不认。
-
data-toggle、data-target这类触发类属性，优先级低于JS调用，且仅在首次初始化时读取 - 数值类如
data-delay必须是纯数字字符串（"200"），不能带单位或表达式 - 对象类选项（如
popperConfig）完全不支持data-方式，必须走JS初始化
data属性和JS初始化混用时谁生效
data属性只在组件**首次自动初始化**时起作用（比如data-toggle="modal"点击触发）。一旦你手动用new Modal()或$().modal()调用过，后续所有行为都以JS传入参数为准，data属性被忽略。
典型踩坑场景：页面加载后先靠data-bs-toggle="tooltip"自动激活tooltip，之后又用$('#myTip').tooltip('enable')操作——这时data-bs-delay已失效，delay得在JS里重设。
- 自动初始化（靠
data-）和手动初始化（new Tooltip()）互斥，不要混着用同一元素 - 如果需要动态改选项，必须销毁重建：
tooltip.dispose(); new Tooltip(el, { delay: 500 }) - Bootstrap 5开始
data-属性统一加bs-前缀（data-bs-toggle），旧写法data-toggle会警告但兼容
哪些组件根本不吃data属性这套
Toast默认不自动初始化，data-bs-autohide="true"没用，必须手动new Toast()；Offcanvas的data-bs-scroll和data-bs-backdrop虽存在，但只在show方法调用时读取一次，之后修改DOM上的data-值无效；Dropdown的data-bs-offset只影响首次定位，滚动后位置更新不重新读取。
-
ScrollSpy完全不支持data-配置，必须JS传offset、rootMargin等 -
Tab组件没有data-控制切换动画的选项，fade类得手写 - 自定义事件绑定（如
shown.bs.modal）永远只能用JS，data属性不提供事件钩子
浏览器控制台怎么快速验证data是否生效
别猜，直接查DOM：el.dataset.bsBackdrop看属性值，再对比bootstrap.Modal.getInstance(el)?._config.backdrop（Bootstrap 5.3+）。如果前者有值后者是undefined，说明组件压根没读这个data属性。
更直接的方法是加断点：在Modal._getConfig()或Tooltip._getOrCreateInstance()里打断，看element.dataset是否被正确提取。常见失败原因是属性名拼错（data-bs-keyboard写成data-keyboard）、值类型不符（data-bs-delay="200ms"多写了ms）。
- 用
console.dir(bootstrap.Tooltip.getInstance(el))看实例内部_config对象，这是最终生效的配置源 - Bootstrap 5.2+ 的
getInstance()返回null时，大概率是data属性触发失败或元素未完成初始化 - data属性对大小写敏感，
data-bs-Placement（大P）会被忽略，必须小写data-bs-placement
