Skip to main content
Sitecore Documentation
  • Learn
  • Downloads
  • Changelog
  • Roadmap
XP
Sitecore Experience Accelerator
        • Defining standard values for your sites
        • The SXA pipelines
        • The SXA script library
        • Content tokens
            • Create a custom grid
            • Configure sites to use Tailwind
            • The grid settings
    • Sitecore Experience Accelerator (SXA) FAQs
  • Compare headless and MVC features according to product
  1. Extending SXA
  1. Sitecore Experience Accelerator
  2. MVC sites
  3. Extending SXA
  4. Grid

Grid

Version:

By default, SXA comes with six different grid systems. This includes Bootstrap 3, Bootstrap 4, Bootstrap 5, Foundation, Grid960, and Tailwind. Learn how to add your own custom CSS framework or select a specific out-of-the-box grid system.

  • Create a custom grid.

  • Configure sites to use Tailwind.

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

Documentation Assistant

This assistant uses AI to generate responses based on Sitecore documentation. While it has access to official sources, answers may be incomplete or inaccurate and should not be considered official advice or support.
Powered by
k
kapa.ai
Protected by reCAPTCHA

© Copyright 2026, Sitecore A/S or a Sitecore affiliated company.
All rights reserved.

Privacy policySitecore Trust CenterTerms of use