<button type="button" class="close">&times;</button>

<div class="alert alert-warning alert-dismissible fade in" role="alert">
	<button type="button" data-dismiss="alert" class="close">&times;</button>
	<p><strong>サンプル!</strong> これは警告文のサンプルです。</p>
	<p>アラート内右上端の×をクリックすると閉じます。</p>
</div>

HTML

<div id="samplePanel" class="panel panel-default">
	<div class="panel-heading">
		パネルのヘッダー
		<button type="button" id="sampleClose" class="close">&times;</button>
	</div>
	<div class="panel-body">
				パネルの内容

				パネルのヘッダーの右端にある&times;をクリックすると、パネル全体を閉じます。
	</div>
</div>

JavaScript

<script>
	$( function() {
		$('#sampleClose').click( function () {
			$('#samplePanel').fadeOut('normal');
		} );
	} );
</script>

このJavaScriptコードは、jquery.min.jsを読み込んだ後に配置する必要がある。