Bootstrap 的网格系统是其布局框架的核心

醉古意

它基于一系列的行（row）和列（column）来创建响应式布局。以下是一个简单的 Bootstrap 网格系统的代码示例：
html
  
  
  
m.jiufutong.com.cn
m.guangfals.cn
m.nfmiju.cn
m.jiashengcl.com
m.billschool.com
m.lysword.com
m.kdymj.com
m.tj-hyx.com
m.sdgpower.com
m.bjjyss.cn
m.qingdaohaihui.com
m.aiegroup.net
m.51ua.cn
m.hanfubio.com
  
  
Bootstrap 网格系统示例  
  
  
  
  
  
  
  
这是第一列，占据中等屏幕宽度的 4 份之一。
  

  
  
这是第二列，同样占据中等屏幕宽度的 4 份之一。
  

  
  
这是第三列，也占据中等屏幕宽度的 4 份之一。
  

  

  
  
  
这是第一列，占据中等屏幕宽度的 6 份之二。
  

  
  
这是第二列，同样占据中等屏幕宽度的 6 份之二。
  

  

  

  
  
  
  
  

在这个示例中，我们使用了 Bootstrap 的容器（.container）来包裹整个网格系统，这样可以自动处理左右内边距和响应式布局。然后，我们定义了两个行（.row），每个行里面包含了若干列（.col-*）。
col-md-4 表示在中等屏幕（md）及以上设备上，该列占据容器宽度的 4 份之一。
col-md-6 表示在中等屏幕（md）及以上设备上，该列占据容器宽度的 6 份之二。
Bootstrap 的网格系统还支持其他屏幕尺寸的类前缀，比如 col-sm-*（小屏幕）、col-lg-*（大屏幕）和 col-xl-*（超大屏幕）。你可以根据需要组合使用这些类来创建复杂的布局。
注意：上面的代码示例使用的是 Bootstrap 4 的语法。如果你使用的是 Bootstrap 5，那么语法可能会有所不同，因为 Bootstrap 5 移除了对 jQuery 的依赖，并且引入了一些新的类和功能。请确保根据你使用的 Bootstrap 版本查阅相应的文档。

来源：
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！