此組件可讓您對齊頁面內容並使其居中。
將 .uk-container 類別新增至區塊元素，使其具有最大寬度並包裝您網站的主要內容。該元素將會置中，並在兩側具有邊距，該邊距會自動調整以適應大型螢幕。
注意 將移除巢狀容器的邊距，以避免不必要的間距。
<div class="uk-container"></div>將下列其中一個類別新增至容器，以套用不同的最大寬度。
| 類別 | 描述 |
|---|---|
.uk-container-xsmall |
新增此類別以建立超小型容器。 |
.uk-container-small |
新增此類別以建立小型容器。 |
.uk-container-large |
新增此類別以建立大型容器。 |
.uk-container-xlarge |
新增此類別以建立超大型容器。 |
.uk-container-expand |
如果您不想限制容器寬度，但仍想要動態的水平邊距，請新增此類別。 |
<div class="uk-container uk-container-xsmall"></div>
<div class="uk-container uk-container-small"></div>
<div class="uk-container uk-container-large"></div>
<div class="uk-container uk-container-xlarge"></div>
<div class="uk-container uk-container-expand"></div>您可以套用此組件來修改區塊組件中內容的寬度。
<div class="uk-section uk-section-primary">
<div class="uk-container uk-container-small"></div>
</div>