能否用CSS移除Bootstrap脚本生成的row、col-md-12类？

先明确结论：CSS没法直接删除HTML元素上的class属性，它只能覆盖这些类自带的样式。要是你想彻底把这两个类从元素上移除，得用JavaScript；要是只是不想让它们的样式生效，用CSS覆盖就行。

一、用CSS覆盖样式（仅消除样式影响） #

如果只是不需要这两个类的默认样式，直接针对性重置即可：

• 重置row的默认样式：

.row {
  margin-right: 0;
  margin-left: 0;
  display: block; /* 把Bootstrap默认的flex布局改成普通块级元素，按需调整 */
}

• 重置col-md-12的默认样式：

.col-md-12 {
  max-width: unset;
  padding-right: 0;
  padding-left: 0;
  flex: none; /* 取消flex布局的占比设置 */
}

要是想一步到位让这两个类完全失效，也可以用all: unset强制清空所有样式：

.row, .col-md-12 {
  all: unset;
  /* 之后可以添加你自己需要的自定义样式 */
}

二、用JavaScript彻底移除类（从元素上删掉class） #

如果必须把这两个类从HTML结构里去掉，用JS是最直接的方法：

• 原生JS写法（适合不用jQuery的项目）：

// 单个目标元素的情况
const targetElement = document.querySelector('.your-target-selector');
targetElement.classList.remove('row', 'col-md-12');

// 多个目标元素的情况，遍历所有带这两个类的元素
document.querySelectorAll('.row.col-md-12').forEach(el => {
  el.classList.remove('row', 'col-md-12');
});

• jQuery写法（项目里用了jQuery的话更简洁）：

$('.your-target-selector').removeClass('row col-md-12');

注意要等Bootstrap脚本完成类的添加后再执行这段JS，比如把脚本放在页面底部，或者监听DOMContentLoaded事件确保DOM加载完成。

内容的提问来源于stack exchange，提问作者sam