Configure sites to use Tailwind

Version:

When you create a site, by default, it uses the Bootstrap 5 grid system. To use the Tailwind grid system, in the Create a new SXA site dialog box, select Tailwind.

Select the Tailwind grid while creating your site

Alternatively, after creating the site, go to the site Settings item and, in the Grid mapping field, select Tailwind.

Note

For more information about Tailwind, for example the CSS classes, see https://tailwindcss.com/docs/.

If you have suggestions for improving this article, let us know!