HTML-Prototype von in2code

<insert-markup>3.9-</insert-markup>
  • Error

    Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

  • Success

    Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

  • Info

    Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

  • Warning

    Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

  • Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

  • Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

  • Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

  • Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

Markup: templates/output/05-objects/alerts.html

<ul class="typo3-messages">
  <li class="alert alert-danger">
    <h4 class="alert-title">Error</h4>
    <p class="alert-message">Lorem ipsum dolor sit amet, consetetur sadipscing elitr.</p>
  </li>
  <li class="alert alert-success">
    <h4 class="alert-title">Success</h4>
    <p class="alert-message">Lorem ipsum dolor sit amet, consetetur sadipscing elitr.</p>
  </li>
  <li class="alert alert-info">
    <h4 class="alert-title">Info</h4>
    <p class="alert-message">Lorem ipsum dolor sit amet, consetetur sadipscing elitr.</p>
  </li>
  <li class="alert alert-warning">
    <h4 class="alert-title">Warning</h4>
    <p class="alert-message">Lorem ipsum dolor sit amet, consetetur sadipscing elitr.</p>
  </li>
</ul>
<ul class="typo3-messages">
  <li class="alert alert-danger">
    <p class="alert-message">Lorem ipsum dolor sit amet, consetetur sadipscing elitr.</p>
  </li>
  <li class="alert alert-success">
    <p class="alert-message">Lorem ipsum dolor sit amet, consetetur sadipscing elitr.</p>
  </li>
  <li class="alert alert-info">
    <p class="alert-message">Lorem ipsum dolor sit amet, consetetur sadipscing elitr.</p>
  </li>
  <li class="alert alert-warning">
    <p class="alert-message">Lorem ipsum dolor sit amet, consetetur sadipscing elitr.</p>
  </li>
</ul>
Source: assets/sass/05-objects/_objects.alerts.scss, line 1