How do I make the text in a textarea monospace when using Twitter Bootstrap?

Question

I have the following textarea element:

<form action="/checkit" method="get">     <textarea class="field span8" id="textarea" name="user_input"          rows="20">{{default_data}}</textarea>      <input type="submit" value="Checker"> </form> 

I have just started using bootstrap, but can't work out the best way to make the text in the textarea monospace.

Answer 1

Adding the following to your textarea tag should work

 style="font-family:monospace;" 

or else you can just add it to your css like this

#textarea{font-family:monospace;}