手机html如何做导航,导航条且手机版.html——仿照官网例子(示例代码)

导航测试

.navbar-inverse .navbar-header .active{background-color:#31708f;

}.navbar-inverse .navbar-brand{color:#fff;cursor:pointer;padding:15px 25px;font-size:14px;

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

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

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

}.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#337ab7;

}input#sw{font-style:italic;color:#aaa;

}.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{border-color:#337ab7;

}@media (max-width: 767px){.navbar-inverse .navbar-nav .open .dropdown-menu .divider{

background-color:rgba(0,0,0,.075);

}}

Toggle navigation

全部