Question

是的，我在那里使用yii bootstrap设计我的网站，当我打开我的网站并且它达到一定的分辨率时，我的菜单将崩溃并且在下拉列表中显示我有问题。现在，当我点击我的帐户或管理按钮时，它不会扩展，直到内容结束我需要向下滚动。但当我按下坍塌关闭它然后我打开它它工作正常。它只是第一次不起作用。这是一个错误还是在我身边出现了问题。以下是我的代码：

您可以使用我网站上的智能手机查看

This is my website: smartmobilelibrary.com username: tester@tester.com password: tester

这是我的主页（管理员）

<?php

$menu = array(
    array('label'=>'Home', 'url'=>array('/site/index')),
    array('label'=>'About', 'url'=>array('/site/page', 'view'=>'about')),
    array('label'=>'Contact', 'url'=>array('/site/contact')),
);

if (Yii::app()->user->isAdmin()) {
    $menu = array(
        array('label'=>'Home', 'url'=>array('/site/index')),
        array('label'=>'Manage', 'url'=>'#', 'items' => array(
            array('label' => 'Manage Genres', 'url' => array('/categories/admin')),
            array('label' => 'Manage Courses', 'url' => array('/courses/admin')),
            array('label' => 'Manage Books', 'url' => array('/books/admin')),
            array('label' => 'Manage Bookings', 'url' => array('/bookings/admin')),
            array('label' => 'Manage Users', 'url' => array('/users/admin')),
        )),
        array('label'=>'About', 'url'=>array('/site/page', 'view'=>'about')),
        array('label'=>'Contact', 'url'=>array('/site/contact')),
    );      
} elseif (!empty(Yii::app()->user->id)) {
    $menu = array(
        array('label'=>'Home', 'url'=>array('/site/index')),
        array('label'=>'About', 'url'=>array('/site/page', 'view'=>'about')),
        array('label'=>'Contact', 'url'=>array('/site/contact'))
    );      
}

?>

这是我的主页（用户）

<?php 

$this->widget('bootstrap.widgets.TbNavbar',array(
'collapse'=>true,
'type' => '',
'items'=>array(
    array(
        'class'=>'bootstrap.widgets.TbMenu',
        'items'=>$menu
    ),
    array(
        'class'=>'bootstrap.widgets.TbMenu',
        'htmlOptions'=>array('class'=>'pull-right'),
        'items' => array(
         array('label'=>'Account', 'url'=>'#', 'visible'=>!Yii::app()->user->isGuest, 'items' => array(


                array('label'=>'Book Recommendation', 'url'=>array('/users/recommendation')),
                array('label'=>'Booking History', 'url'=>array('/users/history')),
                array('label'=>'Update Profile', 'url'=>array('/users/profile')),
                array('label'=>'Logout ('.Yii::app()->user->name.')', 'url'=>array('/site/logout'), 'visible'=>!Yii::app()->user->isGuest)
            )),

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

        )
    )
),
)); ?>

Answer 1

而不是('class'=>'nav-collapse'),

我应该加上('class'=>'nav-collapse collapse'),

这是我的TbNavbar代码：

if ($this->collapse !== false)
    {
        $this->controller->beginWidget('bootstrap.widgets.TbCollapse', array(
            'id'=>$collapseId,
            'toggle'=>false, // navbars should be collapsed by default
            'htmlOptions'=>array('class'=>'nav-collapse collapse'),
        ));
    }

Answer 2

问题是因为在你生成的div中

<div class="nav-collapse in collapse" id="yii_bootstrap_collapse_0" style="height: 176px;">

高度未设置为＆＃34; auto＆＃34;第一次约但固定为计算值＆＃34; 176px＆＃34;在这种情况下，这是设计限制，以修复bootstrap某些版本的bootstrap 2.x

中的动画问题

请参阅https://github.com/twbs/bootstrap/issues/5671

如果你将yii-boostrap的底层引导库升级到2.3.x它将被修复

yii bootstrap扩展无法正常工作

2 个答案: