Css 可以在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

想知道是否可以在blade中使用两个类,请查看此处的注释。其中一个类被链接以检查它是否处于活动状态,另一个用于图标

 <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>