Как сделать полноэкранное меню в bootstrap?

Есть необходимость сделать выпадающее меню во всю ширину окна. Верстаю на Bootstrap 3.

Если в css прописать

.dropdown-menu{ width: 100%}

То ширина выпадающего меню будет равна ширине родительского блока

<div class="navbar navbar-inverse navbar-fixed-top">
    <div class="container">
        <div class="collapse navbar-collapse" id="responsive-menu">
            <ul class="nav navbar-nav">
                <li class="dropdown">
                    	<a class="dropdown-toggle" data-toggle="dropdown" href="#">
                        Пункт 1
                    </a>
                	    <ul class="dropdown-menu">
                		        <li><a href="#">Подпункт 1</a></li>
                        		<li><a href="#">Подпункт 2</a></li>
                		        <li><a href="#">Подпункт 3</a></li>
                    	</ul>
                </li>
                <li><a href="#">Пункт 2</a></li>
                <li><a href="#">Пункт 3</a></li>
            </ul>
        </div>
    </div>
</div>


Как можно реализовать выпадающее меню, шириной в весь экран, не сильно изменяя код?
  • Вопрос задан
  • 7629 просмотров
Решения вопроса 1
realovich
@realovich
Веб-разработчик
Убрать div.container
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы