Bootstrap网格如何调整垂直和水平对齐方式？

本文共计1357个文字，预计阅读时间需要6分钟。

目录

1.Bootstrap 网格布局

2.垂直对齐

2.1. row 标签中设置垂直对齐 2.2. col 标签中设置垂直对齐

3.水平对齐

3.1. row 标签中设置水平对齐

1.Bootstrap 网格布局

上节我们介绍了Bootstrap中的网格布局。

目录

• 1、Bootstrap网格布局
• 2、垂直对齐
• 2.1 row标签中设置垂直对齐
  
• 2.2 col标签中设置垂直对齐
  
• 3、水平对齐
• 3.1 row标签中设置垂直对齐
  

1、Bootstrap网格布局

上一节我们介绍了Bootstrap中的网格，网格在网页布局中是一个重点和难点，布局是网页设计的起点和基础，一定要花功夫弄懂，最起码把我写的教程介绍的内容弄懂，因为我写的都是最常用的和最基础的。当然对于一个有一定基础的网页设计师，这些内容相信一看就懂，今天我们进一步学习网格布局。

本节内容涉及到通用类的弹性盒子（Flex）中的部分功能。