--- layout: docs title: "Grids" descriptions: Using grids in Moodle date: 2020-02-04T09:40:32+01:00 draft: false weight: 1 --- Use the bootstrap grid column classes to create responsive grids. Rules to follow: * Always wrap rows in a container * Combine column classes to create responsive grids * Keep the context in mind, modals behave different from #region-main * Don't add to much styles to the grid container, us an inner div {{< example>}}
Lorem ipsum dolor sit amet
Lonsectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
ascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu.
Lretium quis, sem. Nulla consequat massa quis enim.
Aenean commodo massa quis enim.
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
Aenean commodo ligula eget dolor. Aenean massa. Cu quis enim.
Loltricies nec, pellentesque eu, quis enim.
Ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis.
{{< /example >}} If needed