CODEWITHSUNDEEP
csstwitter-bootstrap
Mona Coder
Mona Coder

Reputation: 6316

How to remove Space between dt and dd in Bootstrap Horizontal description

Can you please let me know how I can remove the gap/space between dt and dd in bootstrap Horizontal description?

As you can see from following image there is a big space between dt and dd(highlighted in yellow)

enter image description here

I tried to set the dt cell value by using

.dl-horizontal dt {
 width:100px;
 }
.dl-horizontal dd {
 width:100px;
 }

but the property just changed the text size! and the cell remained at the same size and position.

Thanks

Upvotes: 3

Views: 1574

Answers (1)

vlgalik
vlgalik

Reputation: 477

This should do the trick:

.dl-horizontal dd {
    margin-left: 120px;
}

Upvotes: 2

Related Questions