前言Bootstrap的成功不仅在于它的简洁易用，还在于它风格的标准化和HTML结构的合理性。然而，很多人在使用Bootstrap时，只是一味的照着文档复制粘贴，没有仔细考虑每个类的用处，也没有考虑HTML结构是否合理。在平时的工作中，我一直和同事强调，一定要挖掘框架的本质，尽可能使用框架本身的类来实现布局。几乎所有的UI布局都可以使用框架本身完成，而无需编写额外的冗余。风格。本文旨在介绍如何使用Bootstrap构建常用的布局，并保证布局具有合理的HTML结构。无论是传统开发还是使用框架，构建布局的思路都不会改变。本文所有案例均以Bootstrap3为例。Bootstrap4变化很大，但基本适用。读者需仔细比较，切勿盲目抄袭。合理使用网格保证合理嵌套Bootstrap网格类的随意嵌套是造成HTML结构混乱的主要原因。虽然Bootstrapgrid类在随机嵌套时不会造成严重的问题，但是会造成潜在的问题。细节把控到不行。例如下面常见的错误嵌套：
