Skip to main content

6 docs tagged with "Layout"

View all tags

Adding Bootstrap

Learn how to integrate Bootstrap into your Create React App, unlocking the power of pre-designed components, responsive layouts, and enchanting styles.

Display block

Learn the behavior of block-level elements in CSS, including how they occupy full width, stack vertically, and fully respect all Box Model properties.

Display inline

Learn the behavior of inline-level elements in CSS, including how they flow horizontally, ignore explicit width/height settings, and only respect horizontal margins/padding.

Display inline-block

Understand how display: inline-block combines the horizontal flow of inline elements with the Box Model control of block elements, making it ideal for navigation and simple grids.

Position static

Learn about the default position: static value, how it makes elements follow the normal document flow, and why it ignores top, right, bottom, and left properties.

The Normal Document Flow

A comprehensive summary of the Normal Document Flow (or Display Flow) in CSS, detailing how block and inline elements interact and set the foundation for all modern layouts.