How to redefine the dl tag in bootstrap so that it does not have a width (by default it has a width of 160). I want the dt field to be on the left. Also, how can I add more spaces between two lines?
dl
dt
I tried to override the width, but that didn't work. http://jsfiddle.net/MgcDU/6357/embedded/result/
An example without my changes http://jsfiddle.net/MgcDU/6356/embedded/result/
Try the following:
.dl-horizontal dt{ text-align: left; margin-bottom: 1em; width: auto; padding-right: 1em; } .dl-horizontal dd{ margin-left: 0; margin-bottom: 1em; }
Demo script
Just add this to your CSS:
.dl-horizontal dd { margin-left: 0; }