1
I got a problem I can’t seem to solve. I made an accordion, as in the image below using bootstra 4, the desktop version of it looks like this:
But the cell phone version the text gets bigger and ends up extrapolating the limit, I tried to use overflow-x, but the result was not good. Is there any way when the text will exceed the limit of the button it goes down?
1
<div class="card-header" id="headingOne">
<h5 class="mb-0">
<button class="btn btn-link btn-acrd" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
<p class="p"><i class="fas fa-plus"></i> Quais convênios aceitamos?</p>
</button>
</h5>
</div>
<style>
.p{
white-space: normal;
}
</style>
Browser other questions tagged html css html5 css3 twitter-bootstrap
You are not signed in. Login or sign up in order to post.
If you put the
iwithin apdoesn’t work?– LeAndrade
@leAndrade didn’t work :(
– Lucky
Put a class on this
pand in css put white-space: normal– LeAndrade
It worked! But now it’s breaking in the desktop version tbm, is there any way to take this attribute? I’m using the right media queries, but as white-space is already "normal", I don’t know "cancel" it
– Lucky
You’ll have to use media queries, knows how to use?
– LeAndrade
Ahhhh, it worked :) Actually I had a bug in Brackets that wasn’t updating the page, I applied white-space: normal only to the mobile version in media querie and it worked. Thank you!!!!!!!
– Lucky
Beauty, jewel that worked.
– LeAndrade
If you want to put the answer there I mark as a solution
– Lucky