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版本中，旧网格已弃用：

弃用旧网格（#2757）

清晰度已经淘汰了旧网格，但实际上已将其从主要@ clr / ui软件包中删除了。如果您仍在使用旧网格（包括旧的未前缀.row和.col类），我们将提供一个临时文件，您可以包括该文件，直到完全迁移到新的网格类为止。为此，请将@ clr / ui / clr-grid-deprecated.css添加到您的项目中。

因此，您可以导入此CSS文件以仍然使用不赞成使用的类，也可以移动新的网格：https://vmware.github.io/clarity/documentation/v1.0/grid 与新网格的区别几乎是只是在各个类的前面加上clr-。

无法使清晰卡显示在单行中

1 个答案: