HTML布局排版框架是一種用于網頁設計的技術，它允許開發人員使用現成的代碼模板，快速創建出美觀的網頁布局。本文將介紹一些常用的HTML布局排版框架代碼。 首先，我們來看看Bootstrap框架的代碼：

<div class="container-fluid">
<div class="row">
<div class="col-md-4">1</div>
<div class="col-md-4">2</div>
<div class="col-md-4">3</div>
</div>
</div>

上面的代碼使用了Bootstrap框架的柵格系統，將頁面分為三列。其中，class="container-fluid"表示容器是寬度自適應的，class="row"表示行，class="col-md-4"表示每一列的寬度是根據屏幕大小自適應的，其中“md”代表中等屏幕尺寸。 接下來，我們來看看Semantic UI框架的代碼：

<div class="ui three column grid">
<div class="column">1</div>
<div class="column">2</div>
<div class="column">3</div>
</div>

上面的代碼使用了Semantic UI框架的柵格系統，將頁面分為三列。其中，class="ui three column grid"表示柵格是三列的，class="column"表示每一列都是相等的寬度。 最后，我們來看看Foundation框架的代碼：

<div class="row">
<div class="large-4 columns">1</div>
<div class="large-4 columns">2</div>
<div class="large-4 columns">3</div>
</div>

上面的代碼使用了Foundation框架的柵格系統，將頁面分為三列。其中，class="row"表示行，class="large-4 columns"表示每一列的寬度是根據屏幕大小自適應的，其中“large”代表大型屏幕尺寸。 總的來說，HTML布局排版框架為開發人員提供了快速構建美觀網頁的方法。以上介紹的是其中幾種比較流行的框架，開發人員可以根據自己的需求和喜好選擇適合自己的框架來使用。