Bootstrap5 Layout Utilities
Bootstrap 5 Layout Utilities are used for creating mobile-friendly and responsive websites, there are many utility classes that can be used for various modifications such as showing, hiding, aligning, and spacing content.
- Changing display: Bootstrap5 provides some display properties for setting the display. some display properties like set to display responsive and display toggling, etc. it can be mixed with grid system, content, or component for a responsive output.
- Flexbox options: The Flexible Box Layout Module in bootstrap5 is used for designing the flexible and responsive layout structure. Most of the components are made with flexbox enabled.
- Margin and padding: In bootstrap5, we use the margin and padding (spacing) utility to set the space and size of an element. It includes a six-level scale for spacing utilities, based on a 1rem value. We can choose values for viewports or choose specific viewports.
- Toggle visibility: Bootstrap 5 regulates element visibility without changing display content. Invisible elements still affect layout of the page but are hidden from display.
Example 1: let’s see an example of display utility.
Example 2: let’s see an example of flexbox utility.
My Personal Notes arrow_drop_up
Please Login to comment...