Alerts

Alerts can be used to help visually indicate information that you want your students to pay attention to. Alerts are fairly simply in that you only need to copy and paste the code for the one you want.

Remember that each alert is strongly based in color, so use the correct alert for the type of message you'd like to convey.

For more information, check out the Canvas LMS Guide Links to an external site..

Check out the different alerts below: 

 

<!-- Alert -->
<p>
  <div class="alert">
    <strong>Alert:</strong> Sample .alert style.
  </div>
</p>

 

 

<!-- Error -->
<p> 
  <div class="alert alert-error">
    <strong>Error:</strong> Sample .alert .alert-error style. 
  </div> 
</p>

 

 

<!-- Success -->
<p> 
  <div class="alert alert-success"> 
    <strong>Success:</strong> Sample .alert .alert-success style. 
  </div> 
</p>

 

 

<!-- Alert-info -->
 <p> 
   <div class="alert alert-info"> 
     <strong>Information:</strong> Sample .alert .alert-info style. 
   </div> 
</p>