HTML 栅格系统代码

HTML栅格系统是Web页设计中常用的一种布局方式，能够帮助开发者轻松地创建响应式设计。

下面是一段HTML栅格系统的代码：

   
<div class="row">   
    <div class="col-md-4">  
       <p>左1</p>  
    </div>  
    <div class="col-md-4">  
       <p>左2</p>  
    </div>  
    <div class="col-md-4">  
       <p>右1</p>  
    </div>  
</div>   

在这个例子中，我们使用了class="row"来创建一个栅格系统的行。在这个行里，我们定义了三个列，每个列都有一个class="col-md-4"，其中“md”是medium的缩写。这意味着列的宽度将在中等尺寸屏幕（通常是笔记本电脑）上占用四分之一的空间。

通过这种方式，我们能够创建具有自适应布局的页面，无论用户使用何种设备浏览页面，都可以得到最佳的展示效果。HTML栅格系统简单易用，并且广泛应用于各大网站和Web应用中。