bootstrap navigation bar

Hi there, I tried creating a bootstrap navigation bar sing bootstrap in my yii1 app need some help with customization. Below is my code:


$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(


                        '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.