Created by: dominicbarnes
This may be a controversial change, but I have used it a lot in my projects so it may be of use in Bootstrap itself.
Basically, this gives description lists the ability to line up like .form-horizontal
. Which puts the <dt>
in the "left column" with their corresponding <dd>
counterparts in the right column.
I've also added sizing classes here that mirror form inputs. (mini, small, normal, large, xlarge and xxlarge)
NOTE
There is a caveat to this that should not be ignored, and may disqualify this for inclusion. If the content of the <dt>
wraps to more lines that it's corresponding <dd>
, then they no longer line up, affecting rows below potentially as well. I've tried to find a decent solution to this problem, but my only recourse so far was to add the various sizes to leave the user some options.