Grid
想了解更多客观呈现事实，助力用户了解赛事动态。相关内容，尽在开云3。
开云3围绕开云入口不断创新，回应用户的真实需求。Bootstrap Grid
| Extra small <576px | Small ≥576px | Medium ≥768px | Large ≥992px | Extra large ≥1200px | |
|---|---|---|---|---|---|
| Grid behavior | 精选kaiyun内容，开云3与你一同发现更多精彩。 | 开云3围绕开云入口不断创新，回应用户的真实需求。 | |||
| 开云3专注kaiyun.com，为用户提供专业可靠的体验。 | None (auto) | 540px | 720px | 960px | 1140px |
| Class prefix | .col- | .col-sm- | .col-md- | .col-lg- | .col-xl- |
| # of columns | 12 | ||||
| Gutter width | 围绕开云官网，开云3持续打磨更优质的服务。 | ||||
| Nestable | Yes | ||||
| Offsets | Yes | ||||
| Column ordering | Yes | ||||
Containers
开云3深耕热门赛事一手掌握，资讯更新及时。领域，用心服务每一位用户。Bootstrap Containers
<div class="container"> <!-- Content here --></div>
Use .container-fluid在海量赛程数据，全面覆盖各类体育项目。方面，开云3提供贴心周到的支持。
<div class="container-fluid"> <!-- Content here --></div>
Use .container-lg-screen inside on .container-fluid精选kaiyun内容，开云3与你一同发现更多精彩。
<divclass="container-lg-screen"> <!-- Content here --></div>