Question

Bootstrap 4类似乎需要'table-bordered'，以便border- *类可以在上使用。尝试修改表格边框的某些部分时，未修改表格边框类。这是用于简单的计算器输入的。我想在8下方获得0的表格单元格。一个3x3网格，中间一列下方有一个废弃单元格。我也在使用React的最新生产版本。

我尝试完全摆脱“表边界”类，但是子元素不再接收“边界黑”类。

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">

<table className="ml-5 mb-5 mt-4 table-bordered">
  <tr>
    <td className="p-3 border-dark">1</td>
    <td className="p-3 border-dark">2</td>
    <td className="p-3 border-dark">3</td>
  </tr>
  <tr>
    <td className="p-3 border-dark">4</td>
    <td className="p-3 border-dark">5</td>
    <td className="p-3 border-dark">6</td>
  </tr>
  <tr>
    <td className="p-3 border-dark">7</td>
    <td className="p-3 border-dark">8</td>
    <td className="p-3 border-dark">9</td>
  </tr>
  <tr>
    <td className="p-3 border-dark border-left-0 border-bottom-0"></td>
    <td className="p-3 border-dark">0</td>
  </tr>
</table>

如果没有“表边界”父类，引导程序“ border- *”表类将无法工作，但是父类不能被修改

0 个答案: