首先，让大家来看一下Bootstrap – 这是一种非常受欢迎的CSS框架，它包含了许多基本的HTML和CSS样式。这个框架使用的是网格系统，可以将页面分成12列，让你更容易地创建复杂的布局。以下是一个示例：
<div class="container"> <div class="row"> <div class="col-md-4">左侧栏</div> <div class="col-md-8">主要内容</div> </div> </div>
在这个例子中，大家使用了Bootstrap的网格系统，将页面分为两列 – 左侧栏和主要内容。这些列也可以进一步分为行和其他列。
另一个常见的CSS框架是Foundation，它与Bootstrap类似，但提供了更多的布局选项。示例如下：
<div class="grid-x grid-padding-x"> <div class="cell large-4">左侧栏</div> <div class="cell large-8">主要内容</div> </div>
在这个例子中，大家使用Foundation的网格系统，将页面分成两列，并添加了padding。可以使用不同的类名和属性来创建更复杂的布局。
CSS框架是设计师和开发人员的强大工具，可以使网站设计和开发更加简单和快速。在选择框架时，考虑你的设计和开发需求，并选择一个合适的框架来实现你的目标。