0

Имеется проект на Yii2 framework, пытаюсь сделать адаптивную навигацию через bootstrap3, но при узкой ширине браузера, при нажатии на кнопку, которая должна развернуть элементы навигации, то ничего не происходит. Если этот же код вставить в codepen.io, то он работает как нужно. В чем может быть проблема?

<nav class="navbar navbar-default" role="navigation">  
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
    </div>      
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav">
        <li class="dropdown"></li>
        <li class="dropdown"></li>
        <li class="dropdown"></li>
      </ul>
    </div>
</nav>

2 ответа 2

1

Более чем уверен, что не подключен bootstrap.js

1

Проблема решилась следующим образом:

class AppAsset extends AssetBundle
{
    public $basePath = '@webroot';
    public $baseUrl = '@web';
    public $css = [
        'css/site.css',
    ];
    public $js = [
    ];
    public $depends = [
        'yii\web\YiiAsset',
        'yii\bootstrap\BootstrapAsset',
        'yii\bootstrap\BootstrapPluginAsset',
    ];
}

В $depends была добавлена строка 'yii\bootstrap\BootstrapPluginAsset'

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.