Css 可以在blade中使用两个级别吗?
想知道是否可以在blade中使用两个类,请查看此处的注释。其中一个类被链接以检查它是否处于活动状态,另一个用于图标Css 可以在blade中使用两个级别吗?,css,twitter-bootstrap,laravel,laravel-4,blade,Css,Twitter Bootstrap,Laravel,Laravel 4,Blade,想知道是否可以在blade中使用两个类,请查看此处的注释。其中一个类被链接以检查它是否处于活动状态,另一个用于图标 <div class="navbar-collapse collapse"> <ul class="nav navbar-nav"> <li> <a class='home' {{HTML::linkRoute('hvertime','Forside')}} </a> </li
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li> <a class='home' {{HTML::linkRoute('hvertime','Forside')}} </a> </li>
HERE // <li <a class='home' @if($aktiv == 'hvertredjetime'){{ "class='active'" }}@endif>{{HTML::linkRoute('hvertredjetime','Måling')}} </a></li>
<li @if($aktiv == 'gjoremal'){{ "class='active'" }}@endif>{{HTML::linkRoute('gjoremal','Daglige Oppgaver')}} </li>
<li @if($aktiv == 'dagvakt'){{ "class='active'" }}@endif>{{HTML::linkRoute('dagvakt','Dagvakt')}}</li>
<li @if($aktiv == 'kveldsvakt'){{ "class='active'" }}@endif>{{HTML::linkRoute('kveldsvakt','Kveldsvakt')}}</li>
<li @if($aktiv == 'kontrollcm'){{ "class='active'" }}@endif>{{HTML::linkRoute('kontrollcm','Kontroll CM')}}</li>
<li @if($aktiv == 'sok'){{ "class='active'" }}@endif>{{HTML::linkRoute('sok','Søk')}}</li>
{{-- <li @if($aktiv == 'diagrammer'){{ "class='active'" }}@endif>{{HTML::linkRoute('diagrammer','Diagrammer')}}</li> --}}
{{-- <li @if($aktiv == 'rapport'){{ "class='active'" }}@endif>{{HTML::linkRoute('rapport','Rapport')}}</li> --}}
</ul>
您可以像这样在双括号中使用检入blade,并根据变量值添加其他类
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li>
<a class='home'>{{ HTML::linkRoute('hvertime','Forside') }}</a>
</li>
<li class='{{ ($aktiv == 'hvertredjetime') ? 'active' : '' }}'>
<a class='home'>{{HTML::linkRoute('hvertredjetime','Måling')}}</a>
</li>
...
</ul>
</div>
-
对于三元运算符。我不知道blade
,但是您可以为一个html元素使用多个css类。谢谢,这确实有效。但是我不知道为什么它看起来像这样:为什么文本跳了下来。通过屏幕截图很难看到确切的问题,看起来更像是一个引导问题。不过,拉威尔叶片的问题应该得到解决。此外,我还编辑了上面的代码,将活动类放入 - 标记中。我只是不明白为什么图标下面有文字:/I我会问一个新问题。你解决了我的拉威尔问题。
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li>
<a class='home'>{{ HTML::linkRoute('hvertime','Forside') }}</a>
</li>
<li class='{{ ($aktiv == 'hvertredjetime') ? 'active' : '' }}'>
<a class='home'>{{HTML::linkRoute('hvertredjetime','Måling')}}</a>
</li>
...
</ul>
</div>