hi I have problems I am trying this address https://bootstrapstudio.io/tutorials/multilevel-dropdowns just two levels menu create but can't put .js code than later copy multilevel-dropdown.js files and try but wrong pls help me
Can you publish your example to one of your five free website so we can see the code ?
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no" />
<title>Home - Metatech Yazılım Hizmetleri A.Ş.</title>
<link rel="stylesheet" href="bootstrap.min.css" />
<link rel="stylesheet" href="./embed/fonts/fontawesome5-overrides.min.css" />
<link rel="stylesheet" href="./embed/fonts/fontawesome5-overrides.min.css" />
<link rel="stylesheet" href="./embed/fonts/fontawesome5-overrides.min.css" />
<link rel="stylesheet" href="./embed/fonts/fontawesome5-overrides.min.css" />
<link rel="stylesheet" href="./embed/fonts/fontawesome5-overrides.min.css" />
<link rel="stylesheet" href="./embed/fonts/fontawesome5-overrides.min.css" />
<link rel="stylesheet" href="./embed/fonts/fontawesome5-overrides.min.css" />
<link rel="stylesheet" href="./embed/fonts/fontawesome5-overrides.min.css" />
<link rel="stylesheet" href="./embed/fonts/fontawesome5-overrides.min.css" />
<link rel="stylesheet" href="./embed/fonts/fontawesome5-overrides.min.css" />
<link rel="stylesheet" href="./embed/fonts/fontawesome5-overrides.min.css" />
<link rel="stylesheet" href="./embed/fonts/fontawesome5-overrides.min.css" />
<link rel="stylesheet" href="./embed/fonts/fontawesome5-overrides.min.css" />
<link rel="stylesheet" href="./embed/fonts/fontawesome5-overrides.min.css" />
<link rel="stylesheet" href="./embed/fonts/fontawesome5-overrides.min.css" />
<link rel="stylesheet" href="./embed/fonts/fontawesome5-overrides.min.css" />
<link rel="stylesheet" href="./embed/fonts/fontawesome5-overrides.min.css" />
<link rel="stylesheet" href="./embed/fonts/fontawesome5-overrides.min.css" />
<link rel="stylesheet" href="./embed/fonts/fontawesome5-overrides.min.css" />
<link rel="stylesheet" href="./embed/fonts/fontawesome5-overrides.min.css" />
<link rel="stylesheet" href="./embed/fonts/fontawesome5-overrides.min.css" />
<link rel="stylesheet" href="./embed/fonts/fontawesome5-overrides.min.css" />
<link rel="stylesheet" href="./embed/fonts/fontawesome5-overrides.min.css" />
<link rel="stylesheet" href="./embed/fonts/fontawesome5-overrides.min.css" />
<link rel="stylesheet" href="./embed/fonts/fontawesome5-overrides.min.css" />
<link rel="stylesheet" href="./embed/fonts/fontawesome5-overrides.min.css" />
<link rel="stylesheet" href="./embed/fonts/fontawesome5-overrides.min.css" />
<link rel="stylesheet" href="./embed/fonts/fontawesome5-overrides.min.css" />
<link rel="stylesheet" href="./embed/fonts/fontawesome5-overrides.min.css" />
<link rel="stylesheet" href="./embed/fonts/fontawesome5-overrides.min.css" />
<link rel="stylesheet" href="./embed/fonts/fontawesome5-overrides.min.css" />
<link rel="stylesheet" href="./embed/fonts/fontawesome5-overrides.min.css" />
<link rel="stylesheet" href="./embed/fonts/fontawesome5-overrides.min.css" />
<link rel="stylesheet" href="./embed/fonts/fontawesome5-overrides.min.css" />
<link rel="stylesheet" href="./embed/fonts/fontawesome5-overrides.min.css" />
<link rel="stylesheet" href="./embed/fonts/fontawesome5-overrides.min.css" />
<link rel="stylesheet" href="./embed/fonts/fontawesome5-overrides.min.css" />
<link rel="stylesheet" href="./embed/fonts/fontawesome5-overrides.min.css" />
<link rel="stylesheet" href="./embed/fonts/fontawesome5-overrides.min.css" />
<link rel="stylesheet" href="./embed/fonts/fontawesome5-overrides.min.css" />
<link rel="stylesheet" href="./embed/fonts/fontawesome5-overrides.min.css" />
<link rel="stylesheet" href="./embed/fonts/fontawesome5-overrides.min.css" />
<link rel="stylesheet" href="./embed/fonts/fontawesome5-overrides.min.css" />
<link rel="stylesheet" href="./embed/fonts/fontawesome5-overrides.min.css" />
<link rel="stylesheet" href="./embed/fonts/fontawesome5-overrides.min.css" />
<link rel="stylesheet" href="./embed/fonts/fontawesome5-overrides.min.css" />
<link rel="stylesheet" href="./embed/fonts/fontawesome5-overrides.min.css" />
<link rel="stylesheet" href="./embed/fonts/fontawesome5-overrides.min.css" />
<link rel="stylesheet" href="./embed/fonts/fontawesome5-overrides.min.css" />
<link rel="stylesheet" href="./embed/fonts/fontawesome5-overrides.min.css" />
<link rel="stylesheet" href="./embed/fonts/fontawesome5-overrides.min.css" />
<link rel="stylesheet" href="./embed/fonts/fontawesome5-overrides.min.css" />
<link rel="stylesheet" href="./embed/fonts/fontawesome5-overrides.min.css" />
<link rel="stylesheet" href="./embed/fonts/fontawesome5-overrides.min.css" />
<link rel="stylesheet" href="./embed/fonts/fontawesome5-overrides.min.css" />
<link rel="stylesheet" href="./embed/fonts/fontawesome5-overrides.min.css" />
<link rel="stylesheet" href="./embed/fonts/fontawesome5-overrides.min.css" />
<link rel="stylesheet" href="./embed/fonts/fontawesome5-overrides.min.css" />
<link rel="stylesheet" href="./embed/fonts/fontawesome5-overrides.min.css" />
<link rel="stylesheet" href="./embed/fonts/fontawesome5-overrides.min.css" />
<link rel="stylesheet" href="./embed/fonts/fontawesome5-overrides.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.10.0/baguetteBox.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.3.1/css/swiper.min.css" />
<link rel="stylesheet" href="metatech.css" />
<link rel="stylesheet" href="Simple-Slider.css" />
<link rel="stylesheet" href="smoothproducts.css" />
<link rel="stylesheet" href="x-dropdown.css" />
</head>
<body>
<nav class="navbar navbar-light navbar-expand-lg bg-white clean-navbar">
<div class="container"><a href="#"><img src="logo250x66.png" /></a><button data-toggle="collapse" data-target="#navcol-1" class="navbar-toggler"><span>Toggle navigation</span><span></span></button>
<div
class="collapse navbar-collapse" id="navcol-1">
<ul class="nav navbar-nav ml-auto">
<li role="presentation" class="nav-item"><a href="about-us.html">Hakkımızda</a></li>
<li class="nav-item dropdown show multilevel"><a href="#">Ürünler</a>
<div role="menu" class="dropdown-menu show"><a href="#">Metatrader 5</a>
<li class="nav-item dropright show"><a href="#">Dropdown </a>
<div role="menu" class="dropdown-menu show"><a href="#">First Item</a><a href="#">Second Item</a><a href="#">Third Item</a></div>
</li><a href="#">Cashtracker</a><a href="#">AccountPlus Lite</a></div>
</li>
<li role="presentation" class="nav-item"><a href="service-page.html">Servisler</a></li>
<li role="presentation" class="nav-item"><a href="faq.html">Referanslar</a></li>
<li role="presentation" class="nav-item"><a href="blog-post-list.html">Blog</a></li>
<li role="presentation" class="nav-item"><a href="contact-us.html">iletişim</a></li>
</ul>
</div>
</div>
</nav>
<div class="simple-slider" style="height: 350px;margin-top: 114px;">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide" style="background-image: url('slide1cash.jpg');"></div>
<div class="swiper-slide" style="background-image:url(https://cdn.bootstrapstudio.io/placeholders/1400x800.png);"></div>
<div class="swiper-slide" style="background-image:url(https://cdn.bootstrapstudio.io/placeholders/1400x800.png);"></div>
</div>
<div class="swiper-pagination"></div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
</div>
<div>
<div class="row"></div>
</div>
<main class="page landing-page">
<section class="clean-block clean-info dark">
<div class="container">
<div class="block-heading">
<h2 class="text-info">Info</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quam urna, dignissim nec auctor in, mattis vitae leo.</p>
</div>
<div class="row align-items-center">
<div class="col-md-6"><img src="scenery/image5.jpg" /></div>
<div class="col-md-6">
<h3>Lorem impsum dolor sit amet</h3>
<div class="getting-started-info">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
</div><button class="btn btn-outline-primary btn-lg" type="button">Join Now</button></div>
</div>
</div>
</section>
<section class="clean-block features">
<div class="container">
<div class="block-heading">
<h2 class="text-info">Features</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quam urna, dignissim nec auctor in, mattis vitae leo.</p>
</div>
<div class="row justify-content-center">
<div class="col-md-5 feature-box"><i class="icon-star icon"></i>
<h4>Bootstrap 4</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quam urna, dignissim nec auctor in, mattis vitae leo.</p>
</div>
<div class="col-md-5 feature-box"><i class="icon-pencil icon"></i>
<h4>Customizable</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quam urna, dignissim nec auctor in, mattis vitae leo.</p>
</div>
<div class="col-md-5 feature-box"><i class="icon-screen-smartphone icon"></i>
<h4>Responsive</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quam urna, dignissim nec auctor in, mattis vitae leo.</p>
</div>
<div class="col-md-5 feature-box"><i class="icon-refresh icon"></i>
<h4>All Browser Compatibility</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quam urna, dignissim nec auctor in, mattis vitae leo.</p>
</div>
</div>
</div>
</section>
<section class="clean-block about-us">
<div class="container">
<div class="block-heading">
<h2 class="text-info">About Us</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quam urna, dignissim nec auctor in, mattis vitae leo.</p>
</div>
<div class="row justify-content-center">
<div class="col-sm-6 col-lg-4">
<div class="card clean-card text-center"><img src="avatars/avatar1.jpg" />
<div class="card-body info">
<h4 class="card-title">John Smith</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
<div class="icons"><a href="#"><i class="icon-social-facebook"></i></a><a href="#"><i class="icon-social-instagram"></i></a><a href="#"><i class="icon-social-twitter"></i></a></div>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4">
<div class="card clean-card text-center"><img src="avatars/avatar2.jpg" />
<div class="card-body info">
<h4 class="card-title">Robert Downturn</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
<div class="icons"><a href="#"><i class="icon-social-facebook"></i></a><a href="#"><i class="icon-social-instagram"></i></a><a href="#"><i class="icon-social-twitter"></i></a></div>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4">
<div class="card clean-card text-center"><img src="avatars/avatar3.jpg" />
<div class="card-body info">
<h4 class="card-title">Ally Sanders</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
<div class="icons"><a href="#"><i class="icon-social-facebook"></i></a><a href="#"><i class="icon-social-instagram"></i></a><a href="#"><i class="icon-social-twitter"></i></a></div>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<footer class="page-footer dark">
<div class="container">
<div class="row">
<div class="col-sm-3">
<h5>Get started</h5>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Sign up</a></li>
<li><a href="#">Downloads</a></li>
</ul>
</div>
<div class="col-sm-3">
<h5>About us</h5>
<ul>
<li><a href="#">Company Information</a></li>
<li><a href="#">Contact us</a></li>
<li><a href="#">Reviews</a></li>
</ul>
</div>
<div class="col-sm-3">
<h5>Support</h5>
<ul>
<li><a href="#">FAQ</a></li>
<li><a href="#">Help desk</a></li>
<li><a href="#">Forums</a></li>
</ul>
</div>
<div class="col-sm-3">
<h5>Legal</h5>
<ul>
<li><a href="#">Terms of Service</a></li>
<li><a href="#">Terms of Use</a></li>
<li><a href="#">Privacy Policy</a></li>
</ul>
</div>
</div>
</div>
<div class="footer-copyright">
<p>© 2018 Copyright Text</p>
</div>
</footer>
</body>
</html>
I could not get a dropdown menu using a div either to work in a navbar setup using the method in the tutorial. I used a ul nested in the ul instead like alot of other examples on the internet trying to address this. Either download the component Navbar Multidropdown or follow this example.
Good Luck !
https://bootstrapious.com/p/bootstrap-multilevel-dropdown