Я могу добавить карту, однако, когда я пытаюсь добавить несколько карт подряд, они складываются друг под другом. В документации неясно, какие еще шаги необходимы, чтобы они отображались в той же строке. Я счастлив сделать это вручную с блокировкой, установкой ширины и высоты и т. Д., Однако, как я понимаю, это будет динамично, я неправильно понимаю шаблон или делаю что-то глупое?

<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>
0
GavinF 10 Дек 2018 в 04:09

1 ответ

Лучший ответ

Старая сетка устарела в версии 1.0 Clarity:

Прекращение поддержки старой сетки (# 2757)

Clarity уже не рекомендовала старую сетку, но фактически удалила ее из основных пакетов @ clr / ui. Если вы все еще используете старую сетку (которая включает в себя старые классы .row и .col без префиксов), мы предоставили временный файл, который вы можете включить до тех пор, пока вы полностью не перейдете на новые классы сетки. Для этого добавьте в свой проект @ clr / ui / clr-grid-deprecated.css.

Таким образом, вы можете либо импортировать этот файл CSS, чтобы по-прежнему использовать устаревшие классы, либо переместить новую сетку: https://vmware.github.io/clarity/documentation/v1.0/grid Разница с новым gird заключается в простом добавлении к различным классам префиксов clr-.

1
Community 20 Июн 2020 в 09:12