У меня проблемы с картой Bootstrap, текст выходит за пределы поля карты.Код, который у меня есть:
<div class="card">
<div class="card-text">
<div class="card-block">
{!! $product->description !!}
</div>
</div>
</div>
Я добавил word-wrap: break-word !important; в класс карт, но это не помогает.Может ли кто-нибудь помочь мне решить мою проблему и сохранить текст в карточке?
ВЫХОД HTML:
<div class="card">
<div class="card-text">
<div class="card-block">
<ul><li style="background: none 0px 0px / auto repeat scroll padding-box border-box transparent; border: 0px none rgb(26, 26, 24); color: rgb(26, 26, 24); font-variant-numeric: normal; font-variant-east-asian: normal; height: 20px; left: auto; margin-bottom: 0px; outline-style: none; outline-width: 0px; padding: 0px 0px 0px 16px; position: relative; top: auto; transform: none; vertical-align: baseline; width: 653.42px;">White: 170 g/m², kleur: 180 g/m²</li><li style="background: none 0px 0px / auto repeat scroll padding-box border-box transparent; border: 0px none rgb(26, 26, 24); color: rgb(26, 26, 24); font-variant-numeric: normal; font-variant-east-asian: normal; height: 20px; left: auto; margin-bottom: 0px; outline-style: none; outline-width: 0px; padding: 0px 0px 0px 16px; position: relative; top: auto; transform: none; vertical-align: baseline; width: 653.42px;">100% katoen</li><li style="background: none 0px 0px / auto repeat scroll padding-box border-box transparent; border: 0px none rgb(26, 26, 24); color: rgb(26, 26, 24); font-variant-numeric: normal; font-variant-east-asian: normal; height: 20px; left: auto; margin-bottom: 0px; outline-style: none; outline-width: 0px; padding: 0px 0px 0px 16px; position: relative; top: auto; transform: none; vertical-align: baseline; width: 653.42px;">Gevormde zijnaden met zijsplitjes voor een vrouwlijke pasvorm</li><li style="background: none 0px 0px / auto repeat scroll padding-box border-box transparent; border: 0px none rgb(26, 26, 24); color: rgb(26, 26, 24); font-variant-numeric: normal; font-variant-east-asian: normal; height: 20px; left: auto; margin-bottom: 0px; outline-style: none; outline-width: 0px; padding: 0px 0px 0px 16px; position: relative; top: auto; transform: none; vertical-align: baseline; width: 653.42px;">Smalle knoopsluiting met gelijkgekleurde knopen</li><li style="background: none 0px 0px / auto repeat scroll padding-box border-box transparent; border: 0px none rgb(26, 26, 24); color: rgb(26, 26, 24); font-variant-numeric: normal; font-variant-east-asian: normal; height: 20px; left: auto; margin-bottom: 0px; outline-style: none; outline-width: 0px; padding: 0px 0px 0px 16px; position: relative; top: auto; transform: none; vertical-align: baseline; width: 653.42px;">1x1 ribgebreide manchetten</li></ul>
</div>
</div>
</div>