html - 使用 Yii 1 我想给我的主菜单一个 css 样式但是不能用 Bootstrap 弄清楚

Question

<div id="mainmenu">
    <?php $this->widget('zii.widgets.CMenu', array(
        'items'=>array(
            array('label'=>'Home', 'url'=>array('/site/index')),
            array('label'=>'About', 'url'=>array('/site/page', 'view'=>'about')),
            array('label'=>'Contact', 'url'=>array('/site/contact')),
            array('label'=>'Login', 'url'=>array('/site/login'), 'visible'=>Yii::app()->user->isGuest),
            array('label'=>'Logout ('.Yii::app()->user->name.')', 'url'=>array('/site/logout'), 'visible'=>!Yii::app()->user->isGuest),
            array('label'=>'Users ('.Yii::app()->user->name.')', 'url'=>array('/user'), 'visible'=>!Yii::app()->user->isGuest),
            array('label'=>'Uren ('.Yii::app()->user->name.')', 'url'=>array('/uren'), 'visible'=>!Yii::app()->user->isGuest)
        ),
    )); ?>
</div><!-- mainmenu -->

我的问题是我怎么不能使用 Twitter Bootstrap 给按钮一个样式。

这是HTML

   <div id="mainmenu">
        <ul id="yw3">
            <li><a href="/urenregistratie/index.php?r=site/index">Home</a></li>
            <li><a href="/urenregistratie/index.php?r=site/page&amp;view=about">About</a></li>
            <li><a href="/urenregistratie/index.php?r=site/contact">Contact</a></li>
            <li><a href="/urenregistratie/index.php?r=site/logout">Logout (admin)</a></li>
            <li><a href="/urenregistratie/index.php?r=user">Users (admin)</a></li>
            <li><a href="/urenregistratie/index.php?r=uren">Uren (admin)</a></li>
        </ul>    
    </div><!-- mainmenu -->

请帮帮我。

Answer 1

您可以使用 itemCssClass , activeCssClass和 htmlOptions分别为列表项、事件列表项和列表(ul) 设置类。例如:

$this->widget('zii.widgets.CMenu', array(
    'itemCssClass' => 'navbar-item',
    'activeCssClass' => 'navbar-active',
    'htmlOptions' => array('class' => 'navbar'),
    'items'=>array(...)           
));

或者，您可以尝试 Yiistrap或 Yii Booster反而。这些可能更容易使用。