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!

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

Privacy policySitecore Trust CenterTerms of use