Build your own layout like you want, define the number of columns for you grid with our powerfull Cactu's grid system, and more.
Containers are the wrapper of grid, these are required when using our default grid system. Cactu has two different containers:
container: With the
widthdepending of screen size.
container-expanded: With the
Cactu has been developed with mobile-first on mind, we use a handful of media queries to create sensible breakpoints for our layouts and interfaces. These breakpoints are mostly based on exacly sized of viewport widths and allow us to scale up elements as the viewport changes.
Cactu primarily uses the following media query ranges—or breakpoints—in our source Sass files for our layout, grid system, and components.
Please consult the API documentation (coming soon) to customize and use the Cactu’s breakpoints.
Some Cactu’s components utilize z-index, the CSS property that helps control layout by providing a third axis to arrange content.
These higher values start at an arbitrary number, high and specific enough to ideally avoid conflicts. We need a standard set of these across our layered components: tooltips, popovers, navbars, dropdownsand modals; so we can be reasonably consistent in the behaviors.
Below shows the z-index for some Cactu’s components: