Bootstrap

vue中移动端字数过多造成布局混乱

一,解决页面用列表显示时,pc端正常显示,移动端布局混
现在我做的是如果移动端字数过多时,超出不行的不显示,用三个点…来代替

二,我用的vue+bootstrapvue,但是只要是vue脚手架项目都可以用

//namepc-true的话是pc端,所以?后面的pc就是pc端,phone就是移动端
 <b-card-text md="4" :class="namepc==true?'pc':'phone'">{
   {
   data.name}}<
;