清晰度设计如何使用例如.clr-row，只能在内容区域内？

Question

也许这是一个基本问题，如果我将下面的代码复制到 <div class="main-container"></div> 中，window 将显示水平滚动，但如果代码转到 <div class="content-area"></div>，则我有预期的行为。

<div class="clr-row">
    <div class="clr-col-4">
        <span>4</span>
    </div>
    <div class="clr-col-6">
        <span>6</span>
    </div>
    <div class="clr-col-2">
        <span>2</span>
    </div>
</div>

例如.clr-row 必须仅在 内容区域 内使用？我正在使用 Angular 9 和 Clarity Design 3.0.0-next.8.

感谢您的任何提示。

Answer 1

是的，您应该在 .content-area 容器元素中使用 clr-row。

我们在这里讨论应用程序布局及其如何适应各种导航模式：https://v2.clarity.design/app-layout

但并未明确要求使用布局类并将其应用于内容区域内的元素。

清晰度设计如何使用例如.clr-row，只能在内容区域内？

Clarity Design how to use e.g. .clr-row, only possible inside of content-area?

vmware-clarity