Подменю на стороне прав легко можно в навигационной панели, но при минимизации экрана, как сделать подменю автоматически поворачиваться с левой стороны?как сделать подменю панели навигации с правой стороны и с левой стороны при минимизации браузера
0
A
ответ
0
@media screen and (min-width: 500px) {
.submenu {
/*This and this style when window-width is greater than 500px*/
}
}
@media screen and (max-width: 500px) {
.submenu {
/*This and this style when window-width is less than 500px*/
}
}
Пожалуйста, добавьте свой текущий стиль и html-код для более подробного ответа.
0
попробовать что-то вроде этого:
nav li {
float: right;
}
/*The max width the that the screen has to be for this rule to apply*/
@media only screen and (max-width: 900px) {
nav li {
float: left;
}
}
1
Здесь вы:
@media screen and (min-width: 768px) {
#mainmenu{
float: right;
}
}
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Case</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container" align="right">
<ul id="mainmenu" class="nav nav-tabs">
<li class="dropdown">
<a class="dropdown-toggle navbar-right" data-toggle="dropdown" href="#">Menu 1 <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Submenu 1-1</a></li>
<li><a href="#">Submenu 1-2</a></li>
<li><a href="#">Submenu 1-3</a></li>
</ul>
</li>
</ul>
</div>
</body>
</html>
Смежные вопросы
- 1. Как сделать подменю Primefaces открытым с левой стороны?
- 2. Список навигации (прядильщик) с правой стороны
- 3. как сделать нижний колонтитул правой стороны и левой стороны как кривая с использованием css
- 4. Панель навигации Android с левой стороны
- 5. Sticky сноска не достигает правой и левой стороны окна браузера
- 6. Ход левой и правой стороны прямоугольника svg
- 7. Как создать макет с двумя ящиками с левой стороны и один ящик с правой стороны
- 8. Как добавить кнопку в toolstrip с левой и правой стороны
- 9. Как настроить подменю для всплывания с правой стороны в Delphi?
- 10. Java jmenu с левой стороны
- 11. Как сделать неявный scrollviewer появляться с левой стороны вместо правой стороны
- 12. Выравнивание логотипа с левой стороны и навигационных элементов с правой стороны с помощью flexbox
- 13. Использование SlidingPaneLayout с правой стороны?
- 14. сделать меню или подменю бутстрапа видимым с левой стороны, если оно выходит за пределы браузера
- 15. DIV с левой стороны с гибкой шириной, но с правой стороны рядом с другим DIV
- 16. заменить первое вхождение с правой и левой стороны строки
- 17. C++ Оператор перегрузки = для перегрузки с правой и левой стороны
- 18. Пробелы появляются с правой и левой стороны видоискателя вида прокрутки?
- 19. Как перемещать UILabel с помощью левой или правой стороны?
- 20. Как нажимать вид с левой стороны?
- 21. Я хочу, чтобы переместить имя приложения левой стороны с правой стороны в андроиде и Xamarin
- 22. Как вы делаете номера с правой стороны?
- 23. Меню QT - с левой стороны
- 24. QPushButton с меню - падение с правой стороны
- 25. Календарь заполняется с правой стороны
- 26. GWT - выравнивание композита с правой стороны
- 27. Ползунок с левой стороны экрана в правой части содержимого
- 28. SubMenu Выдвиньте с правой стороны экрана
- 29. Агрегаты с правой стороны APPLY не могут ссылаться на столбцы с левой стороны.
- 30. Как перемещать элемент с левой стороны вправо?
вы можете использовать CSS медиазапросы –
пожалуйста, вы можете поделиться мне код для этого! – User3003
Пожалуйста, дайте свой код здесь. – user7357089