bootstrap change size and font of text in legend tag

Question

I wonder if it's possible to change the size and font of the legend inside a well.

<legend>Title</legend>

When i try to add a heading tag i get error. Is there any way to do what this?

Answer 1

Option 1:

This seems to be working for me and this is the optimal way:

<legend><h4> Hello</h4> </legend>

Example: http://www.bootply.com/116594

---

Option 2

Or just change the actual CSS file that contains legend:

legend{
 font-size: 6px; 
}

Example: http://www.bootply.com/116589

---

Option 3

Another way to do this would just be doing the following but it's best to avoid inline CSS:

 <legend style="font-size:32px"> Hello </legend>

Example: http://www.bootply.com/116593