Hi there, I tried creating a bootstrap navigation bar sing bootstrap in my yii1 app need some help with customization. Below is my code:
<?php
$this->widget('bootstrap.widgets.TbNavbar', array(
'type' => null, // null or 'inverse'
'brand' => CHtml::encode(Yii::app()->name),
'brandUrl' => Yii::app()->homeUrl,
'collapse' => true, // requires bootstrap-responsive.css
'items' => array(
array(
'class' => 'bootstrap.widgets.TbMenu',
'items' => array(
array('label' => '', 'icon' => 'home', 'url' => array('/site/index')),
array('label' => 'menu1', 'url' => array('/menu1/')),
array('label' => 'menu2', 'url' => array('/menu2/')),
array('label' => 'menu3', 'url' => array('/menu3/')),
array('label' => 'menu4', 'url' => array('/menu4/')),
),
),
)); ?>
This code gave me a responsive menu bar but I wanted a little customization. I want the menu bar to slide left–>right with the alignment left. Please check the pictures below. Demo-1 is how the menu should normally look like and snap-2 is while the menu is clicked. While the menu is clicked it slides left-right showing menu items.