Ограничить количество карт в колоде карт в Bootstrap - vue - PullRequest
Новая
       22

Ограничить количество карт в колоде карт в Bootstrap - vue

0 голосов
/ 11 апреля 2020

Я хотел ограничить количество карточек в ряду до 4, но карточки продолжают сжиматься до 10+ карточек в ряду. Я пытался использовать контейнер bootstrap, но они не сработали. 

<b-container >
<b-row align-v = "center" order-xl>
<b-card-group deck>
<b-card v-for= "ids in info" v-bind:key="ids"
:title="ids.name"
:img-src="ids.images.xs" 
style="max-width: 20rem;"
min-cols = 3   
>
<b-card-text>
  <h5>

.....
 </h5>
</b-card-text>
</b-card>
</b-card-group >
</b-row>
</b-container>

</div>

1 Ответ

0 голосов
/ 15 апреля 2020

Вы должны установить свойство min-width для карточек: 

<b-card v-for= "ids in info" v-bind:key="ids"
:title="ids.name"
:img-src="ids.images.xs" 
style="max-width: 20rem;"
class="mw-25"
min-cols = 3   
>
<b-card-text>
  <h5>

.....
 </h5>
</b-card-text>
</b-card>

mw-25 - это класс bootstrap, который устанавливает min-widht равным 25%.

...