Twitter bootstrap Joomla模块（modChrome）的引导选项卡

我想创建一个具有引导选项卡样式的模块位置

引导的标记应为：

<ul class="nav nav-tabs">
  <li class="active"><a href="#">Home</a></li>
  <li><a href="#">Profile</a></li>
  <li><a href="#">Messages</a></li>
</ul>

我的modChrome是这样的：

<ul class="nav nav-tabs">
<?php  
    foreach($modules as $rendermodule) { 
        echo '<li><a href="#'.$rendermodule->title.'" data-toggle="tab">'.$rendermodule->title.'&nbsp;'.$modulecount.'</a></li>';
    }
    echo '</ul>';
>

---

我知道需要的是一种将class=active添加到第一个元素的方法。

您可以使用for循环而不是foreach：

<ul class="nav nav-tabs">
<?php
    for($i=0; $i < $modulecount; $i++) {
        $rendermodule = $modules[i]; 
        echo '<li';
        if($i==0): echo ' class="active"';
        echo '><a href="#'.$rendermodule->title.'" data-toggle="tab">'.$rendermodule->title.'&nbsp;'.$modulecount.'</a></li>';
    }
?>
</ul>

或者使用在第一个循环后被清除的变量：

<ul class="nav nav-tabs">
<?php  
    $active = ' class="active"';
    foreach($modules as $rendermodule) { 
        echo '<li'.$active.'><a href="#'.$rendermodule->title.'" data-toggle="tab">'.$rendermodule->title.'&nbsp;'.$modulecount.'</a></li>';
        $active = '';
    }
?>
</ul>