Bootstrap dl

<dl class="row">
  <dt class="col-sm-3">Description lists</dt>
  <dd class="col-sm-9">A description list is perfect for defining terms.</dd>

  <dt class="col-sm-3">Term</dt>
  <dd class="col-sm-9">
    <p>Definition for the term.</p>
    <p>And some more placeholder definition text.</p>
  </dd>

  <dt class="col-sm-3">Another term</dt>
  <dd class="col-sm-9">This definition is short, so no extra paragraphs or anything.</dd>

  <dt class="col-sm-3 text-truncate">Truncated term is truncated</dt>
  <dd class="col-sm-9">This can be useful when space is tight. Adds an ellipsis at the end.</dd>

  <dt class="col-sm-3">Nesting</dt>
  <dd class="col-sm-9">
    <dl class="row">
      <dt class="col-sm-4">Nested definition list</dt>
      <dd class="col-sm-8">I heard you like definition lists. Let me put a definition list inside your definition list.</dd>
    </dl>
  </dd>
</dl>

Similar codes

2 votes134 views2 answers
Toggle button
Html
1 vote186 views1 answer
Html white space on both sides of the page
Html
0 vote121 views1 answer
Venobox cdn
Html
32 votes134 views6 answers
How to center text in html
Html
11 votes136 views2 answers
Html vedio
Html
13 votes136 views3 answers
Button center class in bootstrap
Html
0 vote139 views1 answer
Html iframe connection refused
Html
0 vote173 views1 answer
Remove White Space Below Image Elements
Html
0 vote135 views4 answers
How to change the color of mark tag in html
Html
0 vote139 views2 answers
Was blocked because of a disallowed mime type (“text/html”).
Html