bootstrap带悬浮阴影的响应式自适应卡片列表效果代码-html代码-BFW代码库

bootstrap带悬浮阴影的响应式自适应卡片列表效果代码

代码语言：html

所属分类：响应式

代码描述：bootstrap带悬浮阴影的响应式自适应卡片列表效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum=1.0,minimum=1.0,user-scalable=0" />
    <title>BFW NEW PAGE</title>
    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/font-awesome-4.7.0/css/font-awesome.min.css">
    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/bootstrap.3.3.4.css">
    <style>
        html {font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-rendering:optimizelegibility;}
        *,*:before,*:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
        body,h3,p {margin:0;padding:0;}
        body {font:normal 1em/1.8  sans-serif,PingFang SC,Lantinghei SC,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif,WenQuanYi Micro Hei,sans;}
        img {border:0;}
        a {text-decoration:none;}
        a:link {}
        a:visited {}
        a:hover {text-decoration:none;}
        a:active {}
        h3 {font-family:PingFang SC,Verdana,Helvetica Neue,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif,WenQuanYi Micro Hei,sans-serif;font-size:100%;color:#6b7386;line-height:1.35;}
        img {max-width:100%;}

        a{color:#6b7386;}
        a:hover{color:#ff3636;}

        body{background:#f1f5f8;color:#6b7386;}

       .part {
           margin: 20px;
       }
        @media screen and (max-width:991px){
        .part .tt{top:55px!important;}
        .part .tt a{padding-top:5px;}
        }
        .part{background:#fff;margin-bottom:24px;}
        .part .tt {padding:20px;line-height:16px;border-bottom: 1px solid #f1f4f9;background: #fff;z-index: 1;color:#6b7386;font-size:18px;font-weight:400;}
        .part .tt a{display:inline-block;float:right;color:#6b7386;font-size:12px;font-weight:400;}
        .part .items{padding:20px;}
        .part .item{position:relative;}
        .part .item .link .fa{position:absolute;right: 30px;top: 30px;color: #6b7386;font-s.........完整代码请登录后点击上方下载按钮下载查看