Twitter bootstrap 在引导中使用Div代替表

我正在使用div创建一个表格，但是我可以创建，但是有了标题，我想为标题提供自定义的填充和边距。这个样式应该适用于div的内部内容。请找到下面的图片和代码。我需要它完全一样，但我不知道如何做

.包装纸边框{
边框：1px实心#e4e7eb；
}
标题
知识产权是一种权利，是一种权利，是一种权利，是一种权利

一月至星期五
星期一至星期六
lorem ipsum的目的是创建一个自然外观块
知识产权是一种权利，是一种权利，是一种权利，是一种权利

一月至星期五
星期一至星期六
lorem ipsum的目的是创建一个自然外观块

.item+.item （+）符号表示应用样式的图元之后的图元

部分{
边框：1px实心#000；
}
.节.节标题{
边框底部：1px实心#000；
填充：24px；
}
.章节.章节正文{
填充：0 24px；
}
.section.section body.item{
填充：24px；
}
.section.section body.item+.item{
边框顶部：1px实心#000；
}
.其他项目{
显示器：flex；
证明内容：周围的空间；
}

标题标题
一
二
一
二
一
二

下面是使用

引导4

的解决方案。您可以使用

colspan=n

作为标题。当

n

等于

tr

引导示例
我桌子的标题
约翰
雌鹿
玛丽
教育部
七月
杜利

您能看到布局内部部分分成两列显示数据吗？我们能在引导中完成吗？@Sathish请检查解决方案。如果有帮助，请将答案标记为accepted@SaiManoj你能再看一遍这个问题吗？我不想用表格检查你的评论。你问过它使用bootstrapi需要使用div而不是table.根据你上面的评论，我已经在bootstrap4表中实现了同样的功能。你能详细说明一下为什么要使用唯一的div吗？如果你想使用

div

，那不是引导。您需要使用本机

HTML和CSS

。您可以使用

css grid

或

css flex

布局我们可以使用div而不是table来构建它。由于一些性能原因，我主要使用table来对cols进行排序。但我不打算在这里进行任何排序。请检查此解决方案，以便更好地理解