Please wait...

Try Bacotna with other template and color skins
Index variants
Color options

Components modal

<!-- Start button trigger modal -->
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">
	Launch default modal
</button>
<!-- End button trigger modal -->	

<!-- Start modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" ><span aria-hidden="true">×</span></button>
				<h5 class="modal-title">Modal title</h5>
			</div>
			<div class="modal-body">
				<p>[...]</p>
			</div>
			<div class="modal-footer">
				<button class="btn btn-primary btn-sm" type="submit" data-dismiss="modal">Close</button>
				<button class="btn btn-default btn-sm" type="submit">Save changes</button>
			</div>
		</div>
	</div>
</div>
<!-- End modal -->
<!-- Start button trigger modal -->
<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target=".bs-example-modal-lg">
	Launch large modal
</button>
<!-- End button trigger modal -->
					
<!-- Start modal -->
<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog">
	<div class="modal-dialog modal-lg" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" ><span aria-hidden="true">×</span></button>
				<h5 class="modal-title">Modal title</h5>
			</div>
			<div class="modal-body">
				<p>[...]</p>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default btn-sm" data-dismiss="modal">Close</button>
				<button type="button" class="btn btn-primary btn-sm">Save changes</button>
			</div>
		</div>
	</div>
</div>
<!-- End modal -->
<!-- Start button trigger modal -->
<button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target=".bs-example-modal-sm">
	Launch small modal
</button>
<!-- End button trigger modal -->
					
<!-- Start modal -->
<div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog">
	<div class="modal-dialog modal-sm" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" ><span aria-hidden="true">×</span></button>
				<h5 class="modal-title">Modal title</h5>
			</div>
			<div class="modal-body">
				<p>[...]</p>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-primary btn-sm">Save changes</button>
			</div>
		</div>
	</div>
</div>
<!-- End modal -->