容器
固定頁面視窗，調整實際外層容器的寬度。
查詢卡片
Query card
Media
A visual region
Content
Stacks when this wrapper narrows.
Below 18rem of container width the regions stack.
改用完整頁面
教學主題是視窗時，請在瀏覽器中顯示真實頁面，而不是容器。
工作區版面
調整 iframe 檢視區。在預覽內捲動即可查看所有內容。
使用於 響應式設計指南.
用法與介面
DemoContainer 會呈現完整托盤：ui-tray-head 中放置 title 與寬度工具，ui-stage 上放置測量用外層容器，並可提供 caption。maxWidth 預設為 720，用來限制調整範圍；Fit 會恢復為可用寬度。
<DemoContainer title="Card width" caption="The card stacks below 18rem." maxWidth={720}> <div className="container-inline"> <article className="p-md">The card owns its containment.</article> </div></DemoContainer>頁面視窗維持不變。範例應保留查詢邊界與響應式子孫元素；外層容器只帶有 data-demo-container 與自身寬度。