.container
启用一个居中的视口。
.container-fluid
启用一个 100% 的布局。
<body>
<main class="container"></main>
</body>
Pico使用与Bootstrap相同的断点和视口大小。
设备 | 超小 | 小 | 中 | 大 | 超大 |
---|---|---|---|---|---|
断点 | <576px |
≥576px |
≥768px |
≥992px |
≥1200px |
视口 | 100% | 540px | 720px | 960px | 1140px |
<header>
、<main>
和 <footer>
作为 <body>
的直接子元素提供响应式的垂直内边距。
<section>
提供响应式的底部外边距以分隔各个部分。