Html 如何使用bootstrap col类创建不相等的列

我被指派使用3种方法制作以下布局

• 使用Div
• 使用CSS引导的网格系统
• 使用Bootstrap的Row&Col类

以下是演示布局：

我已经使用Div的&CSS网格系统进行了布局，但是我无法使用bootstrap的row&col类设计主内容和侧栏，因为它不允许生成不相等的列

---

使用bootstrap的Col&Row类可以实现这一点吗？

您可以使用bootstrap Col-classes来创建不相等的列

12/12
12/12
9/12
3/12

您可以使用引导列类来创建不相等的列

12/12
12/12
9/12
3/12

引导将页面分为12个部分

您可以将部分划分为

，然后将内部划分为

，然后可以通过

修改行

要查看屏幕大小，请执行以下操作：

---

节数：1-12节引导将一页分成12节

您可以将部分划分为

，然后将内部划分为

，然后可以通过

修改行

要查看屏幕大小，请执行以下操作：

---

节数：1-12

但不是CSS网格吗？CSS网格系统不同于引导网格系统，但不是CSS网格吗？CSS网格系统不同于引导网格系统您也可以忽略屏幕大小组件，只写一个示例：col-12您也可以忽略屏幕大小组件，只写一个示例：col-12