首页 > 代码库 > bootstrap-海棠

bootstrap-海棠

2024-09-03 23:53:46   212人阅读

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=http://www.mamicode.com/‘www.baidu.com‘>"img/a.JPG">
	           </a>
	           <div class="caption">
	               <h3>海棠学院</h3>
	               <p>专注于前段培训专注于前段培训专注专注于前段培训专注于前段培训专注专注于前段培训专注于前段培训专注专注于前段培训专注于前段培训专注专注于前段培训专注于前段培训专注专注于前段培训专注于前段培训专注于前段培训专注于前段培训专注于前段培训</p>
	               <p><a href=http://www.mamicode.com/‘#‘ class=‘btn btn-primary‘>杨玉秋>

　　

 3.4 提示标签

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

　　

 

bootstrap-海棠


联系
我们