New Edge Magz

<div class="alert alert-success">
  <i class="fa fa-check-circle"></i> Success message : You successfully read this important message.
  <button aria-label="Close" class="close" data-dismiss="alert" type="button"><span aria-hidden="true">×</span></button>
</div>
<div class="alert alert-info">
  <i class="fa fa-info-circle"></i> Alert message : This alert needs your attention.
  <button aria-label="Close" class="close" data-dismiss="alert" type="button"><span aria-hidden="true">×</span></button>
</div>
<div class="alert alert-warning">
  <i class="fa fa-exclamation-triangle"></i> Warning message : Warning! Best check yo self.
  <button aria-label="Close" class="close" data-dismiss="alert" type="button"><span aria-hidden="true">×</span></button>
</div>
<div class="alert alert-danger">
  <i class="fa fa-exclamation-circle"></i> Error message : Oh snap! Change a few things up.
  <button aria-label="Close" class="close" data-dismiss="alert" type="button"><span aria-hidden="true">×</span></button>
</div>
<div class="alert alert-danger alert-dismissible fade in" role="alert">
  <h4>Oh snap! You got an error!</h4>
  <p>Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.</p>
  <button class="btn btn-danger" type="button">Take this action</button>
  <button aria-label="Close" class="btn btn-warning" data-dismiss="alert" type="button"><span aria-hidden="true">Or do this</span></button>
</div>