Created by: preaction
<dd>
tags are allowed to have further <dl>
inside of them, but if a <dl class="dl-horizontal">
has a <dl>
inside of it, the nested <dl>
also shows up as horizontal, and with a misaligned first term as well.
Simply binding the .dl-horizontal
class tightly to its child dt
and dd
fixes the problem.
http://jsfiddle.net/h58n2198/embedded/result/ demonstrates the problem