"Horizontal Collapse Multi Level Menus Design HTML CSS"
Bootstrap 4.1.1 Snippet by nitesh575

Post to Facebook Tweet this

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Horizontal Collapse Multi Level Menus Design HTML CSS</title>
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Font Awesome -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
</head>
<body>
<div class="container mt-5">
<div class="row">
<div class="col-lg-12">
<h4>Horizontal Collapse Multi Level Menus Design HTML CSS</h4>
<p><a href="https://thethoughtoftheday.com/">More Trending Design & Tutorial</a></p>
</div>
</div>
</div>
<section class="mrnu-first mb-5">
<div class="container">
<div class="row mt-4 menu-two d-none d-lg-flex">
<div class="col-lg-10 col-md-10 d-flex">
<ul class="d-flex list-unstyled">
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
.menu-two .dropnm button:focus {
box-shadow: none;
}
.btn {
box-shadow: none !important;
outline: none !important;
font-family: Arial, Helvetica, sans-serif;
font-weight: 500;
}
.menu-two .dropnm button {
box-shadow: none;
outline: none;
font-size: 14px;
position: relative;
top: 1px;
display: flex;
align-items: center;
}
.btn-check:active+.btn-secondary,
.btn-check:checked+.btn-secondary,
.btn-secondary.active,
.btn-secondary:active,
.show>.btn-secondary.dropdown-toggle {
color: #212529;
background-color: transparent;
border-color: transparent;
}
.menu-two .dropdown-menu {
padding: 0;
margin: 0;
border: none;
background-color: transparent;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Now UI Dashboard PRO
Bootstrap 4 Footer Design
Bootstrap Dual Design Registration Form
Team Design Section with Pure CSS Effect

Questions / Comments: