How can I change cols of textarea in twitter-bootstrap?

Question

If I change the value of :rows, it works. But it stays at the default cols whatever value I set with \':cols =>\'. Column width won\'t change.

I viewed the html source a

Answer 1

I don't know if this is the correct way however I did this:

  Label:
  

    value
  

and put this in my bootstrapcustom.css file:

@media (min-width: 768px) {
    .textareawidth {
        width:500px;
    }
}
@media (max-width: 767px) {
    .textareawidth {

    }
}

This way it resizes based on the viewport. Seems to line everything up nicely on a big browser and on a small mobile device.