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

19 votes128 views4 answers
Anchor html
Html
6 votes119 views2 answers
Raise WebDriverException( selenium.common.exceptions.WebDriverException: Message: 'chromedriver' executable needs to be in PATH. Please see https://sites.google.com/a/chromium.org/chromedriver/home
Html
0 vote196 views1 answer
Access django object in html
Html
0 vote119 views1 answer
What is hot crypto wallet
Html
22 votes113 views2 answers
How to write floating point numbers in html5 input
Html
38 votes120 views5 answers
Button open link in new tab
Html
0 vote108 views1 answer
Simple html report template
Html
4 votes151 views3 answers
Html send email
Html
0 vote113 views1 answer
What is paragraph tag
Html
0 vote143 views1 answer
Canadian postal code pattern input html
Html