CODEWITHSUNDEEP
htmltwitter-bootstrap
gog
gog

Reputation: 12988

How to change the label class of bootstrap to break line when text is too big?

I'm using the bootstrap do make an html page and I have this code:

<h4> <span class="label label-warning">Observation: @document.Observation</span></h4>

When this Observation variable comes longer I would like to break a line, how can I do that?

Upvotes: 3

Views: 13553

Answers (1)

Paul
Paul

Reputation: 249

Bootstrap Labels aren't really designed for multiple lines/long bodies of text but something like the following would work:

http://www.bootply.com/rUZ6CHwj7k

An alert might be more suitable? <div class="alert alert-warning">...</div> the .label style is great for inline where the alert is better for block styles & more text.

More here:

http://getbootstrap.com/components/#labels

Upvotes: 9

Related Questions