Alerts / Code In - SkeletonFrameWork|Tutorials For Beginners

Skeleton
4-10-2017

Skeleton - Alerts / Code


What will you Learn?

  • You Will learn Alerts And Code In Skeleton FrameWork
  • Code : We use Code To Show Raw Code
  • Alerts : It provides a way to style messages to the user

| 1 | Code


We Use this for Showing Code : Lets Say I Have A Tutorial website And i Want to Show My Code So with the help of this i Can Show My Code


  .some-class { background-color: red; }  

- Code | for | Code -

<pre>
<code>
.some-class {
background-color: red;
}
</code>
</pre>

| 2 | Alerts


This is a success alert!
This is a danger alert!
Html - Code:
<div class="alert alert-success">
This is a success alert!
</div>
Css - Code:
.alert.alert-success {
border: 1px solid #2ecc71;
color: #FFF;
background-color: #2ecc71;
}

Html - Code:
<div class="alert alert-danger">
This is a danger alert!
</div>
Css - Code:
.alert.alert-danger {
border: 1px solid #e74c3c;
color: #FFF;
background-color: #e74c3c;
}