Contents

<div class="card">
  <div class="card-header">
    <%= fa_icon("tint") %> Description list alignment
  </div>

  <div class="card-body">
    <p>
      Align terms and descriptions horizontally by using our grid system’s predefined classes (or semantic mixins). For longer terms, you can optionally add a <code class="highlighter-rouge">.text-truncate</code> class to truncate the text with an ellipsis.
    </p>

    <div class="bd-example">
      <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">Euismod</dt>
        <dd class="col-sm-9">
          <p>Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.</p>
          <p>Donec id elit non mi porta gravida at eget metus.</p>
        </dd>

        <dt class="col-sm-3">Malesuada porta</dt>
        <dd class="col-sm-9">Etiam porta sem malesuada magna mollis euismod.</dd>

        <dt class="col-sm-3 text-truncate">Truncated term is truncated</dt>
        <dd class="col-sm-9">Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</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">Aenean posuere, tortor sed cursus feugiat, nunc augue blandit nunc.</dd>
          </dl>
        </dd>
      </dl>
    </div>
  </div>
</div>

Version data entries

8 entries across 8 versions & 1 rubygems

Version	Path
archangel-0.3.0	app/views/archangel/backend/sites/_dl.html.erb
archangel-0.0.8	app/views/archangel/backend/sites/_dl.html.erb
archangel-0.0.7	app/views/archangel/backend/sites/_dl.html.erb
archangel-0.0.6	app/views/archangel/backend/sites/_dl.html.erb
archangel-0.0.5	app/views/archangel/backend/sites/_dl.html.erb
archangel-0.0.4	app/views/archangel/backend/sites/_dl.html.erb
archangel-0.0.3	app/views/archangel/backend/sites/_dl.html.erb
archangel-0.0.2	app/views/archangel/backend/sites/_dl.html.erb