ALERT STYLE

All Kind of Alert Style

Alerts

Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important
Warning! Better check yourself, you're not looking too good.
Oh snap! Change a few things up and try submitting again.

Dismissible alerts

Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important
Warning! Better check yourself, you're not looking too good.
Oh snap! Change a few things up and try submitting again.

Links in alerts

Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important
Warning! Better check yourself, you're not looking too good.
Oh snap! Change a few things up and try submitting again.
										
<div class="col-xs-12">
<h3 class="sc-sub-title">Alerts</h3>
<div class="alert alert-success">
<strong>Well done!</strong>
You successfully read this important alert message.
</div>
<div class="alert alert-info">
<strong>Heads up!</strong>
This alert needs your attention, but it's not super important
</div>
<div class="alert alert-warning"><strong>Warning!</strong> Better check yourself, you're not looking too good.</div>
<div class="alert alert-danger"><strong>Oh snap!</strong> Change a few things up and try submitting again.</div>
<h3 class="sc-sub-title">Dismissible alerts</h3>
<div class="alert alert-success">
<button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span></button>
<strong>Well done!</strong> You successfully read this important alert message.
</div>
<div class="alert alert-info">
<button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span></button>
<strong>Heads up!</strong> This alert needs your attention, but it's not super important
</div>
<div class="alert alert-warning">
<button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span></button>
<strong>Warning!</strong> Better check yourself, you're not looking too good.
</div>
<div class="alert alert-danger">
<button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span></button>
<strong>Oh snap!</strong> Change a few things up and try submitting again.
</div>
<h3 class="sc-sub-title">Links in alerts</h3>
<div class="alert alert-success"><strong>Well done!</strong> You successfully read <a href="#" class="alert-link">this important alert message</a>.</div>
<div class="alert alert-info"><strong>Heads up!</strong> This <a href="#" class="alert-link">alert needs your attention</a>, but it's not super important</div>
<div class="alert alert-warning"><strong>Warning!</strong> Better check yourself, you're <a href="#" class="alert-link">not looking too good.</a></div>
<div class="alert alert-danger"><strong>Oh snap!</strong> <a href="#" class="alert-link">Change a few things up</a> and try submitting again.</div>
</div>
										
									

OUR BRANDS

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor psum dolor sit ame

Lorem ipsum dolor sit amet, consectetur acing elit, sed do eiusmod tempor inciidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam inciidunt ut labore et dolore magna

  • 8901 Marmora Raod, Glasgow, D04 89GR

  • Telephone : (801) 4256 9856 Telephone : (801) 4256 9658

  • Email: [email protected] Website: www.mobanwang.com