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

Give an id to your dl:

Then add this to your css :

#freelance dt {
    overflow: visible;
    width: 170px !important;
    margin-right: 8px;
}

Change width and margin if needed.