Yii框架 - 导航栏选项中的Twiiter Bootstrap TbMenu

时间:2013-04-05 17:36:04

标签: php twitter-bootstrap yii

我开始研究Yii和PHP并使用此Twitter Bootstrap by cniska.net 并且能够使它工作。

然而,我发现在使其按照我想要的方式工作方面存在一些困难。虽然我可能错过了一些东西,但在文档中没有找到任何有用的东西。

我有 navbar ,如下所示:

      $this->widget('bootstrap.widgets.TbNavbar', array(
          'brand'=>'XPTO',
          'brandUrl'=>'#',
          'fixed' => 'top',
          'collapse'=>true, // requires bootstrap-responsive.css
          'items'=>array(
              array(
                  'class'=>'bootstrap.widgets.TbMenu',
                  'items'=>array(
                      array('label'=>'1st Link', 'url'=>'#', 'active'=>true),
                      array('label'=>'2nd Link', 'url'=>'#'),
                      array('label'=>'3rd Link', 'url'=>'#'),
                      array('label'=>'4thLink', 'url'=>'#'),
                  ),
              ),
(..)

所以,我的第一个问题是:

'brand'=>'XPTO'下面,是否可以输入图像的路径?例如徽标?我知道我可以尝试进入图像路径但是图像并排在一起吗? (这会避免我创建和包含2的图像。)

其次:

我想根据我点击的链接操作并在我的布局中添加页面移动,因此,*我想将'id'属性添加到每个'li'< / strong>, 所以最终结果就像

<li class="active" id="xyz"><a href="#"> Link Text </a></li>

我试过了

array('label'=>'2nd Link', 'url'=>'#', 'id'=>'xyz'),

array('label'=>'2nd Link', 'url'=>'#', 'htmlOptions'=>array( 'id'=>'xyz'),),

但没有成功。

任何提示?提前谢谢。

3 个答案:

答案 0 :(得分:5)

要使图像正常工作,只需在品牌名称中嵌入图像,如下所示:

'brand'=>'<img src="path_to_img.jpg"/>"

至于你的第二个问题,我只花了20分钟搜索来源,found当项目有'itemOptions'时,它被称为'htmlOptions'而不是htmlOptions。所以要添加id使用:

array('label'=>'First Link', 'url'=>"#", 'itemOptions'=>array('id' => 'xyz'))

答案 1 :(得分:0)

在Yiistrap,一些房产已发生变化。

你应该使用

'brandLabel' => CHtml::image(Yii::app()->getBaseUrl() . '/images/logo.png', 'Logo', array('width' => '37', 'height' => '37')),

'brandUrl' => 'http://www.someurl.com',

答案 2 :(得分:0)

而不是brandLabel的图像只需使用品牌..