Yii-extension Bootstrap:navbar'draw-right'类

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'=>数组('class'=>'pull-right'),但它似乎有效.

当我用fire bug执行代码时,我可以看到该元素有'class'=''.

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

谢谢!

Answer 1

我在BootNavBar小部件和我之间看到的唯一真正区别是我将'fixed'设置为false并且我有2个BootMenus,第二个BootMenu调用class =>'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,
),

));