bootstrap-海棠

12 缩略图和警告框

<p class=‘alert alert-info‘>这个是警告组<button class=‘close‘ data-dismiss=‘alert‘>&times</button>

请注意上方的 button里面，class以及 data-dismiss

缩略图

class = "thumbnail"

class="caption" 增加间距

 <div class="col-lg-3">
	       <div class="thumbnail">
	           <a href=‘www.baidu.com‘>
	               <img src="img/a.JPG">
	           </a>
	           <div class="caption">
	               <h3>海棠学院</h3>
	               <p>专注于前段培训专注于前段培训专注专注于前段培训专注于前段培训专注专注于前段培训专注于前段培训专注专注于前段培训专注于前段培训专注专注于前段培训专注于前段培训专注专注于前段培训专注于前段培训专注于前段培训专注于前段培训专注于前段培训</p>
	               <p><a href=‘#‘ class=‘btn btn-primary‘>杨玉秋</a>
	               <a href=‘#‘ class=‘btn btn-primary‘> 王军</a>
	               </p>
	           </div>
	       </div>
	   </div>

 3.4 提示标签

<a href=‘#‘ class=‘tool‘ data-placement=‘top‘ data-toggle=‘tooltip‘ title=‘hello‘>
需要些一段script代码
<script>
$(".tool").tooltip();
</script>