Не удается получить карты ясности в одном ряду - PullRequest
0 голосов
/ 10 декабря 2018

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

<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>

1 Ответ

0 голосов
/ 10 декабря 2018

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

Устаревшая старая сетка ( # 2757 )

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

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

...