Question

如何做到bootstrap网格系统每列等高

Answer 1

正如您可能知道的，在图形设计中，网格系统是一个二维结构，由水平轴和垂直轴相交的区域组成，用于构建内容。它被广泛应用于平面设计的设计布局和内容结构。在网页设计中，它是一种通过使用HTML和CSS来快速有效地创建一致的布局的非常有效的方法。因此，网格系统已经成为网页设计的框架或工作流程的一个重要的组件/模块。简单的说，在网页设计中，我们使用HTML和CSS创建行和列来实现一个网格。且列中包含了实际内容。自版本2.3.2起，Bootstrap提供了两种类型的网格。默认的网格系统是940px宽和12列。您可以添加响应式的样式表让它随着呈现的视口调整宽度为724px和1170px。这里还设有一个流动网格系统，它是基于百分比的，而不是基于像素的。且可被扩展为像默认固定网格一样具有响应性。在本教程中我们将通过一些实例来讨论默认网格，流动网格系统将在另一个单独的教程进行讲解。从默认网格入门让我们先从一个基本的HTML开始，看看如何在上面应用默认网格。设置固定高度。