2

我正在尝试将导航栏文本之一对齐到右侧，但我没有尝试任何工作。

我的代码是：

<?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') 但它似乎确实有效。

当我执行带有火错误的代码时，我可以看到该元素具有'class'=''。

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

谢谢！

4

1 回答 1

5

我在您的 BootNavBar 小部件和我的小部件之间看到的唯一真正区别是我将“固定”设置为 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,
),

));

于 2012-08-02T19:26:24.127 回答