New Year sale. Skyrocket your business in 2025!
Extra 25% off for all sale items + Free CoreUI Icons PRO with every order!
Limited-time offer for the first 100 customers in 2025. Use code 2025SKY25 at checkout.
Limited-time offer for the first 100 customers in 2025. Use code 2025SKY25 at checkout.
On this page
Loading...
Extra small <576px | Small ≥576px | Medium ≥768px | Large ≥992px | X-Large ≥1200px | XX-Large ≥1400px | |
---|---|---|---|---|---|---|
<c-container> | 100% | 540px | 720px | 960px | 1140px | 1320px |
<c-container breakpoint="sm"> | 100% | 540px | 720px | 960px | 1140px | 1320px |
<c-container breakpoint="md"> | 100% | 100% | 720px | 960px | 1140px | 1320px |
<c-container breakpoint="lg"> | 100% | 100% | 100% | 960px | 1140px | 1320px |
<c-container breakpoint="xl"> | 100% | 100% | 100% | 100% | 1140px | 1320px |
<c-container breakpoint="xxl"> | 100% | 100% | 100% | 100% | 100% | 1320px |
<c-container fluid> | 100% | 100% | 100% | 100% | 100% | 100% |
|prop|description|type|default|notes|
|:---|:---|:---|:---:|---|
|`fluid`|Set container 100% wide, spanning the entire width of the viewport.|`boolean`|_undefined_|
|`breakpoint`|Set container 100% wide until `{sm\|md\|lg\|xl\|xxl}` breakpoint.|`string`|_undefined_|