Yii 扩展 Bootstrap : navbar 'pull-right' class

Question

我正在尝试将其中一个导航栏文本向右对齐，但我尝试的任何操作都不起作用。

我的代码是:

<?php $this->widget('bootstrap.widgets.BootNavbar', array(
'fixed'=>true,
'brand'=>'',
'brandUrl'=>'#',
'collapse'=>true, // requires bootstrap-responsive.css
'items'=>array(
    array(
        'class'=>'bootstrap.widgets.BootMenu',
        'items'=>array(
            array('label'=>'Weblog', 'url'=>'#'),
            array('label'=>'Local RiverMap', 'url'=>'#', 'items'=>array(
                array('label'=>'Radar', 'url'=>'#'),
                array('label'=>'Cosmo7', 'url'=>'#'),
                array('label'=>'Neige', 'url'=>'#'),
                array('label'=>'Fonte Neige', 'url'=>'#'))),
            array('label'=>'Global RiverMap', 'url'=>'#', 'items'=>array(
                array('label'=>'Precipitations 24h', 'url'=>'#'),
                array('label'=>'Precipitations 72h', 'url'=>'#'),
                array('label'=>'Precipitations 240h', 'url'=>'#'))),
            array('label'=>'Espace Expert', 'url'=>'#'),
            array('label'=>'Tableau Du Bord', 'url'=>'#', 'items'=>array(
                array('label'=>'Tableau du Bord', 'url'=>'#'),
                array('label'=>'Niveau de Lacs', 'url'=>'#'),
                array('label'=>'Prevision LEPS', 'url'=>'#'),
                array('label'=>'Performance', 'url'=>'#'),
                array('label'=>'Exported Files', 'url'=>'#'))),
            array('label'=>'Admins', 'url'=>'#', 'items'=>array(
                array('label'=>'Edit Menu', 'url'=>'#'),
                array('label'=>'Edit Google Objects', 'url'=>'#'),
                array('label'=>'Insert Internal Message', 'url'=>'#'),
                array('label'=>'Message log', 'url'=>'#'),
                array('label'=>'Insert Clients Message', 'url'=>'#'))),
            array('label'=>'logout', 'url'=>'#', 'htmlOptions'=>array('class'=>'pull-right')),

      ),
            ),
     ))); ?>

如您所见，我希望最后一项“注销”位于导航栏的右侧，但我真的不知道该怎么做，而且我在网上找不到任何信息。我唯一看到的就是使用 'htmlOptions'=>array('class'=>'pull-right') 但它似乎确实有效。

当我使用 fire bug 执行代码时，我可以看到该元素具有“class”=“”。

我还想知道如何在任何导航栏项目中引入图像!

谢谢!

Answer 1

我看到你的 BootNavBar 小部件和我的之间唯一真正的区别是我将“固定”设置为 false 并且我有 2 个 BootMenus，第二个 BootMenu 调用类=>'pull-right'。

$this->widget('bootstrap.widgets.BootNavbar', array(
'fixed'=>false,
'brand'=>CHtml::encode(Yii::app()->name),
'brandUrl'=>'/',
'collapse'=>true,
'items'=>array(
    array(
        'class'=>'bootstrap.widgets.BootMenu',
        'items'=>array(
            array('label'=>Yii::t('layouts','Home'), 'url'=>array('/site/index')),
            array('label'=>Yii::t('layouts','About'), 'url'=>array('/site/page', 'view'=>'about')),
            array('label'=>Yii::t('layouts','Contact'), 'url'=>array('/site/contact')),
        ),
    ),
    array(
        'class'=>'bootstrap.widgets.BootMenu',
        'htmlOptions'=>array('class'=>'pull-right'),
        'items'=>array(
            array('label'=>Yii::t('layouts','Login'), 'url'=>array('/login'), 'visible'=>Yii::app()->user->isGuest),
        ),
    ),
    $logoutHtml,
),

));