Dropdown innerhalb eines Dropdowns [geschlossen] ⇐ CSS

[Anonymous]

Ich möchte hier ein Dropdown innerhalb eines Dropdowns für zwei Menüpunkte erstellen. Unter „Shop“ möchte ich „Oberteile“ und dann ein weiteres Dropdown-Menü mit zwei Registerkarten, auf denen jeweils „Pullover“ und „T-Shirts“ steht. Ich würde es lieber per Bootstrap machen, da ich weiß, dass das die einfachste Option ist. Ich habe das relevante HTML und CSS unten eingefügt.

Code: Select all

ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}

ul li {
margin: auto;
}

.dropdown-content {
display: none;
}

.dropdown:hover .dropdown-content,
.dropdown-content a {
display: block;
}

.topnav li {
float: left;
}

nav {
margin: auto;
list-style-type: none;
text-align: center;
font-family: 'Luxurious Roman', serif;
}

ul li a {
display: block;
color: black;
text-align: center;
padding: 14px 16px;
text-decoration: none;
background-color: #abd4fe;
margin: 10px;
font-size: 16px;
border-radius: 3px;
width: 100px;
}

Code: Select all

[list]
[*] [url=index.html] Home [/url]
[*]
[url=#Shop]Shop[/url]

[url=tops.html]Tops[/url]
[url=bottoms.html]Bottoms[/url]

[*] [url=sale.html] Sale [/url]
[*] [url=cart.html] My Cart [/url]

[/list]