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

0 vote171 views1 answer
Physical and logical tags in html
Html
7 votes143 views2 answers
How to redirect a page to another url in html
Html
0 vote211 views1 answer
Abbr
Html
0 vote167 views1 answer
How to take an aimage in html and css
Html
0 vote146 views1 answer
Insertar html en react
Html
0 vote117 views1 answer
Place.address_components[i].types[0];
Html
0 vote158 views1 answer
Flutter html to pdf
Html
5 votes157 views2 answers
Call to a member function getClientOriginalName() on null
Html
0 vote154 views1 answer
Tutorialspoint html
Html
16 votes153 views3 answers
Href email in html
Html