码迷,mamicode.com
首页 > 其他好文 > 详细

bootstrap-海棠

时间:2017-02-12 11:16:56      阅读:123      评论:0      收藏:0      [点我收藏+]

标签:ref   www   toggle   btn   class   hello   com   nbsp   baidu   

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>

  

 

bootstrap-海棠

标签:ref   www   toggle   btn   class   hello   com   nbsp   baidu   

原文地址:http://www.cnblogs.com/yangyuqiu/p/6390516.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!