Fixed Side Navbar

navbar-fixed-side.css

@media (max-width: 768px){
    .navbar-fixed-side{
        margin-left:-15px;
        margin-right:-15px
    }
}
@media (min-width: 768px){
    .navbar-fixed-side{
        position:fixed;
        margin:0 -15px;
        height:100%;
        width:inherit;
        overflow:auto;
        border-top-width:0;
        border-bottom-width:0;
        border-radius:0
    }
    .navbar-fixed-side .container,.navbar-fixed-side .container-fluid{
        width:auto;
        padding-left:0;
        padding-right:0
    }
    .navbar-fixed-side .navbar-header{
        float:none
    }
    .navbar-fixed-side .navbar-brand{
        height:auto
    }
    .navbar-fixed-side>.container .navbar-brand,.navbar-fixed-side>.container-fluid .navbar-brand{
        margin-left:0
    }
    .navbar-fixed-side .navbar-collapse{
        width:100%;
        border-top:1px solid #e7e7e7
    }
    .navbar-fixed-side .navbar-nav{
        float:none;
        margin:0 -15px
    }
    .navbar-fixed-side .navbar-nav>li{
        float:none
    }
    .navbar-fixed-side .navbar-nav>li>a{
        padding-top:10px;
        padding-bottom:10px;
        border-bottom:1px solid #e7e7e7
    }
    .navbar-fixed-side .navbar-form{
        margin:0;
        margin-left:-15px;
        margin-right:-15px;
        padding:10px 15px;
        border-bottom:1px solid #e7e7e7
    }
    .navbar-fixed-side .navbar-text{
        float:none;
        margin-left:0;
        margin-right:0
    }
    .navbar-fixed-side .navbar-left,.navbar-fixed-side .navbar-right{
        float:none !important
    }
    .navbar-fixed-side .navbar-nav .dropdown-menu{
        position:static;
        float:none;
        width:auto;
        margin-top:0;
        background-color:transparent;
        border:0;
        box-shadow:none;
        border-bottom:1px solid #e7e7e7
    }
    .navbar-fixed-side .navbar-nav .dropdown-menu>li>a,.navbar-fixed-side .navbar-nav .dropdown-menu .dropdown-header{
        padding:5px 15px 5px 25px
    }
    .navbar-fixed-side .navbar-nav .dropdown-menu>li>a{
        line-height:20px;
        color:#777
    }
    .navbar-fixed-side .navbar-nav .dropdown-menu>li>a:hover,.navbar-fixed-side .navbar-nav .dropdown-menu>li>a:focus{
        background-image:none
    }
    .navbar-fixed-side .navbar-nav .dropdown-menu>.active>a{
        background-color:#e7e7e7;
        color:#555
    }
    .navbar-fixed-side .navbar-nav>li>a:hover,.navbar-fixed-side .navbar-nav>li>a:focus,.navbar-fixed-side .navbar-nav .dropdown-menu>li>a:hover,.navbar-fixed-side .navbar-nav .dropdown-menu>li>a:focus{
        background-color:#f0f0f0;
        color:#333
    }
    .navbar-fixed-side .dropdown>.dropdown-toggle,.navbar-fixed-side .dropdown-menu>.dropdown-header{
        background-color:transparent !important;
        color:#9d9d9d !important;
        cursor:default;
        font-size:0.8em;
        text-transform:uppercase;
        border-bottom:none;
        padding-bottom:0
    }
    .navbar-fixed-side .dropdown-toggle .caret{
        display:none
    }
    .navbar-fixed-side .dropdown-menu{
        display:block
    }
    .navbar-fixed-side.navbar-inverse .navbar-collapse,.navbar-fixed-side.navbar-inverse .navbar-nav>li>a,.navbar-fixed-side.navbar-inverse .navbar-form,.navbar-fixed-side.navbar-inverse .navbar-nav .dropdown-menu{
        border-color:#363636
    }
    .navbar-fixed-side.navbar-inverse .divider{
        background-color:#363636
    }
    .navbar-fixed-side.navbar-inverse .navbar-nav .dropdown-menu>li>a{
        color:#9d9d9d
    }
    .navbar-fixed-side.navbar-inverse .navbar-nav .dropdown-menu>.active>a{
        background-color:#090909;
        color:#fff
    }
    .navbar-fixed-side.navbar-inverse .navbar-nav>li:not(.active)>a:hover,.navbar-fixed-side.navbar-inverse .navbar-nav>li:not(.active)>a:focus,.navbar-fixed-side.navbar-inverse .navbar-nav .dropdown-menu>li:not(.active)>a:hover,.navbar-fixed-side.navbar-inverse .navbar-nav .dropdown-menu>li:not(.active)>a:focus{
        background-color:#2f2f2f;
        color:#fff
    }
    .navbar-fixed-side.navbar-inverse .dropdown>.dropdown-toggle{
        color:#777777 !important
    }
}