Не подключается less

Елена

06.04.2016

1,3K

Здравствуйте, подскажите пожалуйста у меня не получается свернуть кнопку навигации. Все открывается, но обратно не сворачивается. При этом пишет, что не удалось загрузить таблицу стилей less. Вот код:

<header class="container-fluid clearfix">
        <div class="navbar navbar-default navbar-static-top" role="navigation">
            <div class="container-fluid">
                <div class="navbar-header">
                    <button class="navbar-toggle" type="button"  data-toggle="collapse" data-target="#responsive-menu" aria-expanded="false">
                        <span class="sr-only">Открыть навигацию</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand logo" href="#"></a>
                </div>
            
                <div class="navbar-collapse collapse navbar-right" id="responsive-menu" aria-expanded="false">
                    <ul class="nav navbar-nav">
                        <li class="active">
                            <a href="#">Головна<span class="sr-only">(current)</span></a>
                        </li>
                        <li><a href="#">Про мережу</a></li>
                        <li><a href="#">Сиротинці</a></li>
                        <li><a href="#">Відео</a></li>
                        <li><a href="#">Як допомогти</a></li>
                        <li><a href="#">Архів новин</a></li>
                        <li><a href="#">Звіти</a></li>
                        <li><a href="#">Колектив</a></li>
                        <li><a href="#">Контакти</a></li>
                    </ul>
                    <ul class="nav navbar-nav navbar-right">
                        <li class="active"><a href="#">uk</a></li>
                        <li><a href="#">en</a></li>
                    </ul>
                </div>
            </div> 
        </div>

Александр Мальцев

06 апреля 2016, 13:11
Если Вы используете LESS, то необходимо:
1. Скачать less.js со страницы _http://lesscss.org/#download-options
2. Подключить его с помощью элемента script к странице:
```
<script src="less.js"></script>
```
3. Подключить файл bootstrap.less к странице (он находится в каталоге less)
```
<link rel="stylesheet/less" type="text/css" href="styles.less">
```
При этом не стоит забывать, что LESS следует использовать только при разработке.

Войдите, пожалуйста, в аккаунт, чтобы оставить комментарий.

Комментарии: