0

bootstrap badge going out of the box

<div class = "box" > <div className = "tags pt-2"> {data.tags.map(tag => ( <span key={uuid()} > <Badge className = "tag">{tag}</Badge></span> ))} </div> </div> This is my code when my user write some large content inside the badge. my badge with its content get out of the box instead of badge getting into the new line with its text. .tag{ word-break: break-word !important; } it tried this but it didn't work

29th Dec 2021, 10:45 AM
Sapiens Projects
Sapiens Projects - avatar
1 Answer