B6strap

Alerts 03

Prevew in browser

code:

    <!-- Prologue -->

CONTENT START

    <h1>01-03-alerts simple</h1>

    <h3>With additional content</h3>
    <div class="alert alert-success" role="alert">
      <h4 class="alert-heading">Well done!</h4>
      <p>Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer 
         so that you can see how spacing within an alert works with this kind of content.</p>
      <hr>
      <p class="mb-0">Whenever you need to, be sure to use margin utilities to keep things nice and tidy.</p>
    </div>	
    <hr />

CONTENT END

    <!-- Epilogue -->