怎么给当前导航条加样式

几个模版引入layout模版。
layout模版里面有导航条。
怎么能让导航条不同的页面有不同的样式。

<!DOCTYPE html>
<html lang="zh_cn">
<head>
    <meta charset="UTF-8">
    <title> { $title or 'BLog'} </title>
    <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
</head>
<body>
    <div class="contarner">
        <div class="col-md-4 col-md-offset-4">
            <ul class="nav nav-pills">
                <li class="active"><a href=" {url('/')} ">首页</a></li>
                <li><a href="{url('/wenzhang')}">文章</a></li>
                <li><a href="{url('/jiaocheng')}">教程</a></li>
                <li><a href="{url('/about')}">关于我</a></li>
                <li><a href="{url('/liuyan')}">给我留言</a></li>
            </ul>
        </div>

    </div>
    <div class="col-md-10 col-md-offset-1">
    <hr>
        @yield("content","没有内容")
    </div>
</body>
</html>

就是在文章页面中 <li><a href="{url('/wenzhang')}">文章</a></li> li 增加一个class

976279080
修改的评论也不能少于六个字哦!
mailman
修改的评论也不能少于六个字哦!
976279080
修改的评论也不能少于六个字哦!
mailman
修改的评论也不能少于六个字哦!
apsana
修改的评论也不能少于六个字哦!
JellyBool
修改的评论也不能少于六个字哦!
ty0716
修改的评论也不能少于六个字哦!
deboy
修改的评论也不能少于六个字哦!