发表于: 2017-05-26 22:56:41
1 810
今天完成的事情:完成了前台公共样式,header nav样式。
明天计划的事情:根据模块写页面。
遇到的问题:css部分有那么一个问题,如果我在首页的话,怎么让导航栏的首页一直是红色状态?
。我对搭档模块权限更改那块还没弄好,请师兄明天过来指导一下。
太久没写了css了 一下子有点忘了怎么写了。
收获:用bootstrap写对响应式导航。
<nav class="navbar nav-wrap" role="navigation">
<div class="container">
<div class="navbar-header clearfix">
<button type="button" class="navbar-toggle" data-toggle="collapse"
data-target="#carrot-navbar-collapse">
<span class="sr-only">切换导航</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#"><img src="../imgs/logo.png"></a>
<div class="nav-location hidden-xs hidden-sm">
<img src="../imgs/location-logo.png">
<span class="location-select">北京站</span>
</div>
</div>
<ul class="nav navbar-nav nav-xs collapse navbar-collapse pull-right" id="carrot-navbar-collapse">
<li class="nav-list-item"><a href="">首页<span class="nav-list-underline"></span></a></li>
<li class="nav-list-item"><a href="">找职位<span class="nav-list-underline"></span></a></li>
<li class="nav-list-item"><a href="">找精英<span class="nav-list-underline"></span></a></li>
<li class="nav-list-item"><a href="">关于我们<span class="nav-list-underline"></span></a></li>
</ul>
</div>
</nav>
评论