<p id="help-block-@dl-horizontal-offset" class="help-block">Width of horizontal description list titles</p>
</div>
<div class="clearfix"></div>
+ <div class="col-xs-4">
+ <label for="input-@dl-horizontal-breakpoint">@dl-horizontal-breakpoint</label>
+ <input id="input-@dl-horizontal-breakpoint" type="text" aria-describedby="help-block-@dl-horizontal-breakpoint" value="@grid-float-breakpoint" data-var="@dl-horizontal-breakpoint" class="form-control"/>
+ <p id="help-block-@dl-horizontal-breakpoint" class="help-block">Point at which .dl-horizontal becomes horizontal</p>
+ </div>
<div class="col-xs-4">
<label for="input-@hr-border">@hr-border</label>
<input id="input-@hr-border" type="text" aria-describedby="help-block-@hr-border" value="@gray-lighter" data-var="@hr-border" class="form-control"/>
&:extend(.clearfix all); // Clear the floated `dt` if an empty `dd` is present
}
- @media (min-width: @grid-float-breakpoint) {
+ @media (min-width: @dl-horizontal-breakpoint) {
dt {
float: left;
width: (@dl-horizontal-offset - 20);
@page-header-border-color: @gray-lighter;
//** Width of horizontal description list titles
@dl-horizontal-offset: @component-offset-horizontal;
+//** Point at which .dl-horizontal becomes horizontal
+@dl-horizontal-breakpoint: @grid-float-breakpoint;
//** Horizontal line color.
@hr-border: @gray-lighter;