发表于: 2017-05-26 22:56:41

1 811


今天完成的事情:完成了前台公共样式,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>



返回列表 返回列表
评论

    分享到