VB.net 2010 视频教程 VB.net 2010 视频教程 python基础视频教程
SQL Server 2008 视频教程 c#入门经典教程 Visual Basic从门到精通视频教程
当前位置:
首页 > 网站开发 > JavaScript >
  • JavaScript教程之前端之移动端库和框架bootstrap(6)

div> <p>CopyRight © 2016 北京天天生鲜信息技术有限公司 All Rights Reserved</p> <p>电话:010-****888 京ICP备*******8号</p> </div> </body> </html>
复制代码

index.css

复制代码
.navbar-brand {
    padding: 5px 15px;
}

.navbar-inverse {
    background-color: #ff722b;
    border-color: #ff722b;
}

.navbar-inverse .navbar-nav > li > a {
    color: #fff;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #db6226;
}

.navbar-inverse .navbar-toggle {
    border-color: #fff;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #db6226
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #fff
}

.navbar {
    margin-bottom: 0;
}

.jumbotron {
    background: url(../images/banner_bg.jpg) center center no-repeat;
    padding: 24px 0;
    margin-bottom: 0;
}


.banner_title {
    font-size: 18px;
    color: #ffff00;
}

.jumbotron .banner_detail {
    font-size: 14px;
    color: #fff;
    line-height: 28px;
}

.banner_pic_title {
    margin-top: 46px;
}


@media (max-width: 1200px) {
    .banner_pic_title {
        margin-top: 20px;
    }

}


@media (max-width: 992px) {
    .banner_pic_title {
        margin-top: 10px;
    }

}

.active_title {
    margin-top: 30px;
    font-size: 30px;
    color: #333;
}

.active_detail {
    font-size: 14px;
    color: #333;
    line-height: 21px;
    margin-top: 20px;
}

.pic_list {
    margin-top: 10px;
}

.pic_list h4 {
    font-size: 15px;
    color: #333;
    text-align: center;
}

.pic_list .thumbnail {
    max-width: 260px;
    margin: 0 auto 20px;
}

.common_title {
    background-color: #ff722b;
    margin: 0;
    height: 40px;
}

.common_title h3 {
    font-size: 16px;
    color: #fff;
    line-height: 40px;
    margin: 0;
    text-indent: 10px;
}

.common_title a {
    font-size: 12px;
    color: #fff;
    margin: 20px 10px 0 0;
}

.goods_list {
    margin-top: 20px;
}

.goods_list .col-lg-2 {
    width: 20%;
}

.goods_list h4 {
    text-align: center;
    font-size: 14px;
    color: #666;
}

.goods_list p {
    text-align: center;
    color: #ff0000;
    font-size: 16px;
}

.goods_list p em {
    font-size: 22px;
    font-style: normal;
}

.goods_list .thumbnail {
    max-width: 260px;
    margin: 0 auto 20px;
}


@media (max-width: 1200px) {

    .goods_list .col-lg-2 {
        width: 25%;
        float: left;
    }

}


@media (max-width: 992px) {

    .goods_list .col-lg-2 {
        width: 50%;
        float: left;
    }

}

@media (max-width: 768px) {

    .goods_list .col-lg-2 {
        width: 100%;
        float: left;
    }

}


.footer {
    background-color: #ff722b;
    padding-bottom: 20px;
}

.footer .links {
    text-align: center;
    margin-top: 35px;
}

.footer .links a {
    color: #fff;
}

.footer .links span {
    color: #fff;
    padding: 0 10px;
}

.footer p {
    text-align: center;
    margin: 10px 0;
    color: #fff;
}
复制代码


相关教程
关于我们--广告服务--免责声明--本站帮助-友情链接--版权声明--联系我们       黑ICP备07002182号