Hey guys! I am trying to show content on a webapp that is polled and selected from a database. It should be clearly visible that this content is dynamic, it should invite the user to copy paste the content, and it should at the same time make clear you cannot just edit the content. I thought the best visual representation for this would be a form with uneditable fields that gets filled as you select your content from the database. This works well for the single line uneditable-input I'm using to display a single line message, but I also want to display a multi-line message with linebreaks later on. For this I wanted to use uneditable-textarea, but this doesn't seem to be supported by bootstrap 2.0.3 out of the box.
I found one class definition in bootstrap.css called uneditable-textarea, but literally all it does is set width and height to auto. If I insert a span or a div with that class (on top of uneditable-input), it doesn't render at all. I googled around a little bit, and the only good hits I found were to projects where people extended bootstrap. That is fine and dandy, but I'd prefer to stay with bootstrap vanilla, so to speak. For now I'm using this clunky workaround: I have a span with uneditable-input and I'm forcing a pixel width and height onto it. I've also set white-space to normal so text inside of it will wrap. It looks okay-ish, I guess, but I'm sure there's design considerations I haven't thought of here. What would be a better, more bootstrappy way of achieving what I'm trying to achieve? Thanks!
