ALERTS

Wrap any text and an optional dismiss button in .alert and one of the four contextual classes (e.g., .alert-success) for basic alert messages.

<div class="alert alert-success margin-bottom-30"><!-- SUCCESS -->
	<button type="button" class="close" data-dismiss="alert">
		<span aria-hidden="true">×</span>
		<span class="sr-only">Close</span>
	</button>
	<strong>Well done!</strong> You successfully read this important alert message.
</div>


<div class="alert alert-info margin-bottom-30"><!-- INFO -->
	<button type="button" class="close" data-dismiss="alert">
		<span aria-hidden="true">×</span>
		<span class="sr-only">Close</span>
	</button>
	<strong>Heads up!</strong> This alert needs your attention, but it's not super important.
</div>


<div class="alert alert-warning margin-bottom-30"><!-- WARNING -->
	<strong>Warning!</strong> Best check yo self, you're not looking too good.
</div>


<div class="alert alert-danger margin-bottom-30"><!-- DANGER -->
	<strong>Oh snap!</strong> Change a few things up and try submitting again.
</div>


<div class="alert alert-default margin-bottom-30"><!-- DEFAULT -->
	<strong>Default one!</strong> Nothing special, only a default alert!
</div>

Wrap any text and an optional dismiss button in .alert and .alert-mini.

<div class="alert alert-mini alert-success margin-bottom-30"><!-- SUCCESS -->
	<button type="button" class="close" data-dismiss="alert">
		<span aria-hidden="true">×</span>
		<span class="sr-only">Close</span>
	</button>
	<strong>Well done!</strong> You successfully read this important alert message.
</div>


<div class="alert alert-mini alert-info margin-bottom-30"><!-- INFO -->
	<button type="button" class="close" data-dismiss="alert">
		<span aria-hidden="true">×</span>
		<span class="sr-only">Close</span>
	</button>
	<strong>Heads up!</strong> This alert needs your attention, but it's not super important.
</div>


<div class="alert alert-mini alert-warning margin-bottom-30"><!-- WARNING -->
	<strong>Warning!</strong> Best check yo self, you're not looking too good.
</div>


<div class="alert alert-mini alert-danger margin-bottom-30"><!-- DANGER -->
	<strong>Oh snap!</strong> Change a few things up and try submitting again.
</div>


<div class="alert alert-mini alert-default margin-bottom-30"><!-- DEFAULT -->
	<strong>Default one!</strong> Nothing special, only a default alert!
</div>

<div class="alert alert-bordered-dotted margin-bottom-30"><!-- DOTTED --></span>
	<button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
	<h4><strong>Lorem ipsum dolor sit amet</strong></h4>
	<p>Aharum quidem rerum facilis est et expedita distinctio lorem ipsum.</p>
</div>

<div class="alert alert-bordered-dashed margin-bottom-30"><!-- DASHED --></span>
	<button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
	<h4><strong>Lorem ipsum dolor sit amet</strong></h4>
	<p>Aharum quidem rerum facilis est et expedita distinctio lorem ipsum.</p>
</div>

<div class="alert alert-bordered margin-bottom-30"><!-- BORDERED --></span>
	<button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
	<h4><strong>Lorem ipsum dolor sit amet</strong></h4>
	<p>Aharum quidem rerum facilis est et expedita distinctio lorem ipsum.</p>
</div>

<div class="alert alert-dark margin-bottom-30"><!-- DARK --></span>
<h4><strong>Lorem ipsum dolor sit amet</strong></h4>
	<p>Aharum quidem rerum facilis est et expedita distinctio lorem ipsum.</p>
</div>

<div class="alert alert-theme-color margin-bottom-30"><!-- THEME COLOR --></span>
<h4><strong>Lorem ipsum dolor sit amet</strong></h4>
	<p>Aharum quidem rerum facilis est et expedita distinctio lorem ipsum.</p>
</div>

<!--
	ALERT CLASSES
	alert-success
	alert-info
	alert-warning
	alert-default
	

-->
<div class="alert alert-warning margin-bottom-30"><!-- SUCCESS -->
	<button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
	
	<h4>Purchase <strong>Smarty Template</strong></h4>

	<p>
		Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas metus nulla, commodo a sodales sed, dignissim pretium nunc. Nam et lacus neque. Ut enim massa, sodales tempor convallis et, iaculis ac massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
	</p>

	<a href="#purchase" class="btn btn-info btn-sm margin-top-10">I Agree</a>
	<a href="#" class="btn btn-default btn-sm margin-top-10">Cancel</a>
</div>