Bootstrap CSS——页头与缩略图

最新推荐文章于 2024-06-09 18:06:43 发布

Tarkzeng

最新推荐文章于 2024-06-09 18:06:43 发布

阅读量716

点赞数

分类专栏： Bootstrap 文章标签： bootstrap css

本文链接：https://blog.csdn.net/u011350527/article/details/48953353

版权

Bootstrap 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

页头：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>

Tarkzeng

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Bootstrap CSS——页头与缩略图

页头：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> <lin
复制链接

扫一扫

专栏目录