您的位置：首页 > Web前端 > BootStrap

Bootstrap CSS——页头与缩略图

2015-10-07 20:33 417 查看
页头：http://v3.bootcss.com/components/#page-header

缩略图：http://v3.bootcss.com/components/#thumbnails

mark

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>页头</title>
<link rel="stylesheet" href="bootstrap.min.css">
</head>
<body>
<div class="page-header">
<h1>哆来咪法索<small>欢迎您</small></h1>
</div>

<div class="row">
<div class="col-xs-6 col-md-3">
<a href="#" class="thumbnail">
<img src="1.JPG">
</a>
</div>
</div>

<div class="row">
<div class="page-header">
<div class="thumbnail">
<img src="2.JPG">
<div class="caption">
<h3>描述一</h3>
<p>这是描述这是描述这是描述这是描述这是描述这是描述这是描述这是描述</p>
<p>
<a href="#" class="btn btn-primary" role="button">哆来咪</a>
<a href="#" class="btn btn-default" role="button">发索拉</a>
</p>
</div>
</div>
</div>
</div>

</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  bootstrap css
相关文章推荐
新的分享
章节导航