Documentation and examples for Bootstrap’s media object to construct highly repetitive components like blog comments, tweets, and the like. Example. The media object helps build complex and repetitive components where some media is positioned alongside content that doesn’t wrap around said media. Plus, it does this with only two required ...

Forms. Various form elements have been rebooted for simpler base styles. Here are some of the most notable changes: <fieldset>s have no borders, padding, or margin so they can be easily used as wrappers for individual inputs or groups of inputs. <legend>s, like fieldsets, have also been restyled to be displayed as a heading of sorts. <label>s are set to display: inline-block to allow margin to ...

Alerts. Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages. Examples. Alerts are available for any length of text, as well as an optional dismiss button.

Bootstrap grid examples. Basic grid layouts to get you familiar with building within the Bootstrap grid system. Five grid tiers. There are five tiers to the Bootstrap grid system, one for each range of devices we support. Each tier starts at a minimum viewport size and automatically applies to the larger devices unless overridden.

Components and options for laying out your Bootstrap project, including wrapping containers, a powerful grid system, a flexible media object, and responsive utility classes. Containers Choose from a responsive, fixed-width container (meaning its max-width changes at each breakpoint) or fluid-width (meaning it’s 100% wide all the time).

Bootstrap’s grid system uses a series of containers, rows, and columns to layout and align content. It’s built with flexbox and is fully responsive. Below is an example and an in-depth explanation for how the grid system comes together.