Untermenüs auf der rechten Seite ist einfach in der Navigationsleiste möglich, aber auf Minimierung des Bildschirms wie Untermenüs automatisch auf der linken Seite drehen?wie Untermenüs der Navigationsleiste auf der rechten Seite und auf der linken Seite auf Minimierung des Browsers
@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*/
}
}
Bitte fügen Sie Ihren aktuellen Stil und HTML-Code für eine detailliertere Antwort.
versuchen, etwas wie folgt aus:
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;
}
}
Sie sind hier:
@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>
Sie CSS-Medien verwenden können, fragt –
können Sie bitte, dass Sie mir den Code teilen! – User3003
Bitte geben Sie hier Ihren Code ein. – user7357089