---
title: "サイトをTailwindに設定してください"
slug: "configure-sites-to-use-tailwind"
abstract: "Tailwindグリッドシステムを使うためにサイトを設定する方法を学びましょう。"
---
# サイトをTailwindに設定してください

サイトを作成する際、デフォルトではBootstrap 5グリッドシステムを使用します。Tailwindグリッドシステムを使用するには、「 **新しいSXAサイトを作成する** ダイアログボックスで*Tailwind*を選択してください。」を選択してください。

![Select the Tailwind grid while creating your site](https://doc.sitecore.com/api/markdown-image/xp/ja/developers/sxa/104/sitecore-experience-accelerator/images/ce-create-mvc-site-with-tailwind.png)

または、サイト作成後にサイト*Settings*アイテムに移動し、**グリッドマッピング** フィールドで*Tailwind*を選択します。

> !注Tailwind、例えばCSSクラスの詳細については、[https://tailwindcss.com/docs/](https://tailwindcss.com/docs/) を参照してください。