# 列

カラムは、ドキュメントにさまざまなレイアウトを作成するのに最適な方法です。カラム内にはさまざまな種類のブロックを追加でき、各側の幅を調整して、必要なデザインに合わせてカスタマイズできます。

{% columns %}
{% column width="50%" %}

#### ドキュメントと製品の間にシームレスな体験を作成する

ドキュメントを製品体験に直接統合するか、ユーザーに必要なものをより早く提供できるパーソナライズされた体験を提供します。

<a href="https://www.gitbook.com/#alpha-waitlist" class="button primary">詳細を見る</a>
{% endcolumn %}

{% column %}

<figure><img src="https://4217681718-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNkEGS7hzeqa35sMXQZ4X%2Fuploads%2FNMfJRm6dUVv7erqeWmAk%2Fcolumns.png?alt=media&#x26;token=925af10f-1f4e-40cc-9cd2-cccf213460ff" alt="An image of GitBook icons demonstrating side by side column functionality"><figcaption></figcaption></figure>
{% endcolumn %}
{% endcolumns %}

## Markdownでの表現

<pre class="language-markdown" data-overflow="wrap"><code class="lang-markdown"><strong>## 例
</strong>




### ドキュメントと製品の間にシームレスな体験を作成する

ドキュメントを製品体験に直接統合するか、ユーザーに必要なものをより早く提供できるパーソナライズされた体験を提供します。

&#x3C;a href="https://www.gitbook.com/#alpha-waitlist" class="button primary">詳細を見る&#x3C;/a>





&#x3C;figure>&#x3C;img src="../../.gitbook/assets/GitBook vision post.png" alt="GitBook のアイコンが左右のカラム機能を示している画像">&#x3C;figcaption>&#x3C;/figcaption>&#x3C;/figure>




</code></pre>