引导表拆分单元格答案

【问题标题】：Bootstrap table split cells引导表拆分单元格
【发布时间】：2021-05-20 03:06:07
【问题描述】：

我发生了以下奇怪的事情。我有下表：

<table border="1" cellpadding="1" cellspacing="1" class="table">
<tbody>
    <tr>
        <td colspan="2">Паша</td>
    </tr>
    <tr>
        <td>Паша</td>
        <td>Паша 2</td>
    </tr>
</tbody>

只要我不添加 boostrap 表类，它就可以正常工作。没有类它看起来像这样：

但是一旦我添加了引导表类，它看起来就像这样

<table border="1" cellpadding="1" cellspacing="1" class="table">
<tbody>
    <tr>
        <td colspan="2">Паша</td>
    </tr>
    <tr>
        <td>Паша</td>
        <td>Паша 2</td>
    </tr>
</tbody>

知道这里发生了什么吗？

附：抱歉，在我的国家/地区看不到图片（可能是某个街区？）。添加这些以供参考。

图片未正确显示这里是链接没有助推器 - https://ikeen.com/img/blog/t1.jpg 带引导程序 - https://ikeen.com/img/blog/t2.jpg

【问题讨论】：

图片没有正确显示在这里是链接 Withour boostrap - ikeen.com/img/blog/t1.jpg With bootstrap - ikeen.com/img/blog/t2.jpg
只有我没有看到照片吗？我的国家/地区似乎没有 img 提供程序。
您的代码应该可以正常工作...您如何将引导程序嵌套到您的项目中？你用过 CDN 吗？
看起来我的互联网或堆栈有问题。这是本地的。
我真的无法弄清楚，这种行为的原因可能是什么。在这一点上，我能给你的唯一建议是尝试从头开始将引导程序设置到你的项目中。您可以在getbootstrap.com (bootstrap v4.6.0) 获取源文件。

标签： html bootstrap-4

【解决方案1】：

我无法弄清楚这种奇怪行为的确切原因是什么。也许，这可能是您在本地设置的引导版本的问题。尝试更新它或使用 CDN。你可以在https://getbootstrap.com/docs/4.6/getting-started/download/找到他们

我使用了bootstrap 4.6.0，如下所示，效果很好。

<head>
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css">
</head>
<body>
   <table class="table table-bordered">
      <tbody>
         <tr>
            <td colspan="2">Паша</td>
         </tr>
         <tr>
            <td>Паша</td>
            <td>Паша 2</td>
         </tr>
      </tbody>
   </table>        
</body>

【讨论】：

【解决方案2】：

我不知道如何以及为什么，但这似乎有效。我认为引导程序中的标签有问题

<table class="table table-hover">
<tbody>
    <tr>
    </tr>
</tbody>
<tbody>
    <tr>
        <td colspan="2">Безлимитный интернет на скорости 40 Мбит в секунду</td>
    </tr>
    <tr>
        <td>Всего за 4500 тенге в месяц</td>
        <td>Оборудование в подарок</td>
    </tr>
</tbody>

【讨论】：