改变bootstrap导航栏高度后,下拉栏背景色消失。
高洛峰
高洛峰 2016-11-14 11:29:27
[Bootstrap讨论组]

bVD4qj.png

bVE0cV.png

这是html部分




    
    myblog
    
    
    
    


    
    
    
    
                                                     Blog     
                          
  • 主页
  •             
  • 关于本站
  •             
  • 留言墙
  •                                
                                     
                    search                             
           

    这是css部分

    .navbar-brand{
        padding-top: 25px;
        padding-bottom: 20px;
    }
    .navbar-inverse{
        background-color: #303542 !important;
        height: 65px;
    }
    .navbar-toggle{
        padding-top: 15px;
    }
    .nav li a{
        color: blue !important;
        font: "微软雅黑";
        font-weight: 500;
        padding-top: 25px;
        padding-bottom: 20px;
    }
    .nav li a:hover,
    .nav li a:active{
        background-color: #1abc9c !important;
        transition: all .3s ease-in-out;
    }
    .nav li.active a,
    .nav li.active a:hover,
    .nav li.active a:focus{
        background-color: #1abc9c !important;
    }
    .navbar-form{
        position: absolute;
        right: 25%;
    }
    @media (max-width:767px){
        .navbar-form{
            visibility: hidden;
        }
    }

    麻烦大神看一下,困扰了好久,谢谢

    高洛峰
    高洛峰

    拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

    全部回复(1)
    三叔

    是要这样的效果吗

    bVD4qj.png

    这样的话对class为container的外层div设置背景颜色就行

    .container{
        background: #303542;
    }


    热门教程
    更多>
    最新下载
    更多>
    网站特效
    网站源码
    网站素材
    前端模板
    关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
    php中文网:公益在线php培训,帮助PHP学习者快速成长!
    关注服务号 技术交流群
    PHP中文网订阅号
    每天精选资源文章推送
    PHP中文网APP
    随时随地碎片化学习

    Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号