Css 表内自举网格系统 头 项目1.0 项目1.1 项目2.0 项目2.1

此代码创建一个表，其中所有项都在同一行中。我已经搜索了

css

文件，但是没有定义

inline

或

inline block

，所以我猜这是正常的引导行为。我试图实现的是一个接一个地显示前缀为

1

的项目，对于前缀为

2

的项目显示相同的项目，但我希望它们都在同一行中。我曾尝试将

与

元素一起使用，但出于某种原因，它们也显示在同一行中。 我的表应该只包含两列，并且在它们上面都有一个标题。这就是我现在得到的：

---

问题是由于列类-col-lg-6使div使用与父td相同的宽度，请使用类col-lg-12使用完整的td宽度，请检查下面这些类的css

<div class="table-responsive">
   <table class="table">
      <thead>
         Head
      </thead>
      <tbody>
         <tr>
            <td>
            <div class="row">
               <div class="col-lg-6">Item 1.0</div>
               <div class="col-lg-6">Item 1.1</div>
            </div>
            </td>
            <td>
            <div class="row">
               <div class="col-lg-6">Item 2.0</div>
               <div class="col-lg-6">Item 2.1</div>
            </div>   
         </td>
         </tr>
      </tbody>
   </table>
</div>

按代码运行

最爱
头
项目1.0
项目1.1
项目2.0
项目2.1

我还不明白，当td设计成这样工作时，为什么需要在表中使用引导网格系统。您还使用了col-lg-6，它相当于1 tr内的2个td，因为没有塌陷（lg）

如果使用此代码，您将获得类似的输出

默认值：
头
项目1.0
项目1.1
项目2.0
项目2.1


仅两列：
头
项目1.0
项目1.1
项目2.0
项目2.1

年份日期无效。你错过了tr和th/td，你是对的，但这不是我的问题不是我。我已经找到了导致问题的原因，它是

float:left

。有什么方法可以覆盖这个规则吗？这里，我给了你一个提示，现在它在

0

上。你有机会检查我上面的代码吗？你希望得到类似的输出吗？是的，就是这样。谢谢但你能回答我最后一个问题吗？没有理由投票。合作和帮助是唯一的原因。这对我也有帮助。谢谢。正如您所看到的，您的代码片段没有按照我的需要工作。我需要在同一行中的项目1.0和1.1在另一行下，在其旁边的列中的项目2.0和2.1相同。您的代码段在同一行中显示所有代码，而不是一行接一行。

.col-lg-12 {
    width: 100%;
}

.col-lg-12 {
    width: 50%;
}