Bootstrap无边框表格仍显示边框？求解决方案

1. 核心问题：类名拼写错误 #

你代码里写的table-bordeless是拼写错误，Bootstrap官方提供的无边框表格类是table-borderless（注意单词是borderless，中间多了一个字母r），这是导致无边框样式不生效的直接原因。

修正后的表格标签代码：

<table class="table table-borderless" style="width:100%">

2. 若修正后仍有线条的排查方案 #

如果改完类名后还是能看到线条，可以尝试以下操作：

• 检查项目中是否有自定义CSS或第三方样式表，意外给表格的<tr>、<td>标签设置了边框样式
• 给表格添加内联样式强制清除所有边框：

  <table class="table table-borderless" style="width:100%; border: none !important;">
  

• 单独给表格单元格添加样式清除边框：

  .table-borderless td, .table-borderless th {
      border: 0 !important;
  }
  

额外小提示 #

你代码里的<div class="form-group, mb-3">存在语法错误（类名之间多了逗号），建议改成<div class="form-group mb-3">，虽然这和边框问题无关，但规范写法能避免其他潜在样式冲突。

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