Css – How to make the text in a textarea monospace when using Twitter Bootstrap

css, twitter-bootstrap

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.

Best Solution

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;}