How to force Twitter Bootstrap .dl-horizontal DT content to wrap instead of truncate?

Question

Bootstrap has great horizontal definition list styling, but I want the DT content to wrap, not be truncated.

I know on their base.css page they say:

Answer 1

add an CSS overwrite after the bootstrap CSS references

.dl-horizontal dt 
{
    white-space: normal;
    width: 200px; 
}