BootstrapBreakpoints class
Defines responsive design breakpoints similar to the Bootstrap grid system.
These values represent common screen-width thresholds used to determine how layout elements should behave across different device sizes.
Breakpoints are ordered from smallest to largest:
| Breakpoint | Width (px) | Typical Device Type |
|---|---|---|
xs |
≥ 320 | Extra small phones (portrait) |
sm |
≥ 481 | Small mobile devices (landscape) |
md |
≥ 601 | Tablets (portrait) |
lg |
≥ 769 | Tablets (landscape) / small laptops |
xl |
≥ 1025 | Large screens / desktops |
These values are used by BootstrapCol and BootstrapRow to compute
responsive column widths.
Example:
if (width >= BootstrapBreakpoints.md) {
// tablet or larger
}
Constructors
Properties
- hashCode → int
-
The hash code for this object.
no setterinherited
- runtimeType → Type
-
A representation of the runtime type of the object.
no setterinherited
Methods
-
noSuchMethod(
Invocation invocation) → dynamic -
Invoked when a nonexistent method or property is accessed.
inherited
-
toString(
) → String -
A string representation of this object.
inherited
Operators
-
operator ==(
Object other) → bool -
The equality operator.
inherited
Constants
- lg → const double
- Breakpoint for large devices such as tablets in landscape orientation.
- md → const double
- Breakpoint for medium devices such as tablets in portrait orientation.
- sm → const double
- Breakpoint for small devices such as mobile phones in landscape mode.
- xl → const double
- Breakpoint for extra-large devices including desktops and large laptops.
- xs → const double
- Breakpoint for extra-small devices such as small mobile phones.