无法让 Clarity Cards 出现在单行中

Question

我可以添加卡片，但是当我尝试连续添加多张卡片时，它们会堆叠在一起。文档不清楚还需要哪些其他步骤才能使它们出现在同一行中。我很乐意通过阻塞、设置宽度和高度等手动执行此操作，但我的理解是这将是动态的，我是误解了模板还是做了一些愚蠢的事情？

<div class="row">
<ng-template ngFor let-tile [ngForOf]="tiles" let-i="index" 
  [ngForTrackBy]="trackByFn">
  <div class="col-lg-4 col-md-12 col-sm-12 col-xs-12">
    <a href={{tile.url}} class="card clickable">
      <div class="card-img">
        <img src={{tile.icon}} alt="..." height="42" width="42"/>
      </div>
      <div class="card-block">
        <p class="card-text">
          {{tile.text}}
        </p>
      </div>
      </a>
    </div>
  </ng-template>
</div>

Answer 1

作为 Clarity 1.0 版本的一部分，旧网格已被弃用：

Deprecation of old grid (#2757)

Clarity has had deprecated the old grid already, but has actually removed it from the main @clr/ui bundles. If you are still using the old grid (which includes the old unprefixed .row and .col classes), we have provided a temporary file you can include until you fully migrate to the new grid classes. To do this, add @clr/ui/clr-grid-deprecated.css to your project.

因此您可以导入此 CSS 文件以继续使用已弃用的类，或者移动新网格：https://vmware.github.io/clarity/documentation/v1.0/grid 与新 gird 的区别几乎只是在各种类前面加上 clr-.

无法让 Clarity Cards 出现在单行中

Cannot get Clarity Cards to appear in single row

vmware-clarity