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'=＆gt; array（'class'=＆gt;'pull-right'）但它似乎有效。

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

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

谢谢！

Answer 1

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

））;

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

1 个答案: