Konfigurasi Bootstrap di Yii

Halo salam kenal, saya baru terjun di Yii. Oleh karena itu, saya ingin bertanya mengenai konfigurasi bootstrap di Yii, saya sudah pernah mencoba untuk mengikuti instruksi , akan tetapi saya masih bingung dan belum mengerti, bisa tolong dibantu? terima kasih.

Sebagai catatan, Instruksi yang saya ikuti berasal dari www.cniska.net/yii-bootstrap/setup.html

itu setting di config/main.php monggo dicoba

Dear friend…

  1. yii bootstrap di extract dulu ke folder protected/extensions/bootstrap .

  2. protected/config/main.php di setting dulu seperti yg di www.cniska.net/yii-bootstrap/setup.html

  3. coba di-refresh, kalau tampilan standard yii sudah ‘rada’ berubah dari biasanya, berarti yii-bootstrap sudah loaded. supaya lebih pasti, nyalain CWebLogRoute.

  4. ubah file protected/view/layout/main.php , hapus berbagai css yg berhubungan dengan theme standard. css class nya juga ikuti standard bootstrap.

  5. seharusnya sudah bisa di coba tuh komponen yii bootstrap nya.

gan saya udah ngikutin cara di atas , tapi kok js nya gak jalan ya ?

contohnya dropdown , tabs dll yg berhubungan dengan js gak jalan

Coba hapus isi folder asset

udah saya hapus gan , kok masih tetap gak bisa ya ?? saya ikutin aturan script ini :


<?php $this->widget('bootstrap.widgets.BootNavbar', array(

    'fixed'=>false,

    'brand'=>'Project name',

    'brandUrl'=>'#',

    'collapse'=>true, // requires bootstrap-responsive.css

    'items'=>array(

        array(

            'class'=>'bootstrap.widgets.BootMenu',

            'items'=>array(

                array('label'=>'Home', 'url'=>'#', 'active'=>true),

                array('label'=>'Link', 'url'=>'#'),

                array('label'=>'Dropdown', 'url'=>'#', 'items'=>array(

                    array('label'=>'Action', 'url'=>'#'),

                    array('label'=>'Another action', 'url'=>'#'),

                    array('label'=>'Something else here', 'url'=>'#'),

                    '---',

                    array('label'=>'NAV HEADER'),

                    array('label'=>'Separated link', 'url'=>'#'),

                    array('label'=>'One more separated link', 'url'=>'#'),

                )),

            ),

        ),

        '<form class="navbar-search pull-left" action=""><input type="text" class="search-query span2" placeholder="Search"></form>',

        array(

            'class'=>'bootstrap.widgets.BootMenu',

            'htmlOptions'=>array('class'=>'pull-right'),

            'items'=>array(

                array('label'=>'Link', 'url'=>'#'),

                '---',

                array('label'=>'Dropdown', 'url'=>'#', 'items'=>array(

                    array('label'=>'Action', 'url'=>'#'),

                    array('label'=>'Another action', 'url'=>'#'),

                    array('label'=>'Something else here', 'url'=>'#'),

                    '---',

                    array('label'=>'Separated link', 'url'=>'#'),

                )),

            ),

        ),

    ),

)); ?>

dari cniska.net/yii-bootstrap/

tapi dropdown nya ko gak bisa ia gan ??

mohon penjelasanya gan

gan, ane masih ada error gini:




NetworkError: 404 Not Found - assets/lib/bootstrap/less/mixins.less



itu gimana ya?

ada kaitan dgn ini nggak:

Coba cek gan, filenya ada tdk difolder tsb ? Kl tdk ada coba di create dl folder atau filenya.

ni aku ada contoh bootstrap dengan drop down menu


<?php

                $this->widget('zii.widgets.CMenu', array(

                    'htmlOptions' => array('class' => 'pull-right nav'),

                    'submenuHtmlOptions' => array('class' => 'dropdown-menu'),

                    'itemCssClass' => 'item-test',

                    'encodeLabel' => false,

                    'items' => array(

                        array('label' => 'Home', 'url' => array('/post/index')),

                        // array('label' => 'About Themes', 'url' => array('site/page', 'view' => 'about')),

                        array('label' => 'About Themes <span class="caret"></span>', 'url' => '#', 'itemOptions' => array('class' => 'dropdown', 'tabindex' => "-1"),

                            'linkOptions' => array('class' => 'dropdown-toggle', 'data-toggle' => "dropdown"),

                            'items' => array(

                                array('label' => 'About Theme', 'url' => array('site/page', 'view' => 'about')),

                                array('label' => 'Forms', 'url' => array('site/page', 'view' => 'forms')),

                                array('label' => 'Graphs', 'url' => array('site/page', 'view' => 'graphs')),

                                array('label' => 'Interface', 'url' => array('site/page', 'view' => 'interface')),

                                array('label' => 'Tables', 'url' => array('site/page', 'view' => 'tables')),

                                array('label' => 'Typography', 'url' => array('site/page', 'view' => 'typography')),

                        )),

                        array('label' => 'Rights', 'url' => array('/rights/assignment/view'), 'visible' => !Yii::app()->user->isGuest),

                        array('label' => 'Post <span class="caret"></span>', 'url' => '#', 'itemOptions' => array('class' => 'dropdown', 'tabindex' => "-1"),

                            'linkOptions' => array('class' => 'dropdown-toggle', 'data-toggle' => "dropdown"),

                            'items' => array(

                                array('label' => 'Post', 'url' => array('/post/index')),

                                array('label' => 'Create Post', 'url' => array('/post/create')),

                            ), 'visible' => !Yii::app()->user->isGuest),

                        array('label' => 'User <span class="caret"></span>', 'url' => '#', 'itemOptions' => array('class' => 'dropdown', 'tabindex' => "-1"),

                            'linkOptions' => array('class' => 'dropdown-toggle', 'data-toggle' => "dropdown"),

                            'items' => array(

                                array('label' => 'User', 'url' => array('/user/index')),

                                array('label' => 'Create User', 'url' => array('/user/create')),

                            ), 'visible' => !Yii::app()->user->isGuest),

                        array('label' => 'Forum <span class="caret"></span>', 'url' => '#', 'itemOptions' => array('class' => 'dropdown', 'tabindex' => "-1"),

                            'linkOptions' => array('class' => 'dropdown-toggle', 'data-toggle' => "dropdown"),

                            'items' => array(

                                array('label' => 'Forum', 'url' => array('/sforum')),

                                array('label' => 'Forum Admin', 'url' => array('/sforum/admin')),

                            ), 'visible' => !Yii::app()->user->isGuest),

                        array('label' => 'Contact Us', 'url' => array('/site/contact')),

                        array('label' => 'Login', 'url' => array('/site/login'), 'visible' => Yii::app()->user->isGuest),

                        array('label' => 'Logout (' . Yii::app()->user->name . ')', 'url' => array('/site/logout'), 'visible' => !Yii::app()->user->isGuest),

                    ),

                ));

                ?>

coba di utak-atik deh… ntar kamu bakalan ngerti dengan sendiri…

have fun ! selamat koding…

Saya masih baru sebagai pengguna yii,

Kalau misalnya saya sudah menggunakan template lainnya, lalu ingin install bootstrap hanya untuk komponen-komponennya apakah bisa? Apakah tidak akan mengganggu template yang sedang saya gunakan saat ini?<br />

Terima kasih

Bisa koq gan, setelah agan setting dan config componentnya, lalu panggil saja component sesuai dengan yang agan perlukan. Agan ga perlu setting layout untuk templatenya.

bisa gan, misal agan punya 2 themes…

config main nya, default theme = tema1…

jika pada controller tertentu agan pengen pakek tema lain, overide method init() gan, such that,


public function init(){

            Yii::app()->theme = 'simple';

            parent::init();

        }

i found in file /protected/extensions/bootstrap/assets/css/yii.css line 1

string


@import url("../lib/bootstrap/less/mixins.less");

and edit to


@import url("../less/mixins.less");

I think it’s bug :)