bs menu

by toubia95

HTML

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<div id="page" class="site">
	<a class="skip-link screen-reader-text" href="#content">Skip to content</a>
    	<header id="masthead" class="site-header fixed-top navbar-static-top navbar-dark bg-primary" role="banner">
        <div class="container">
            <nav class="navbar navbar-expand-lg p-0">
                <div class="navbar-brand">
                                          <a href="https://ortolangdoc.atilf.fr/">
                          <img class="ortolang-logo" src="https://ortolangdoc.atilf.fr/wp-content/themes/wp-bootstrap-starter-ortolang-docs/inc/assets/img/logo-ortolang-white.png" alt="Documentation">
                      </a>
                      <a class="site-title d-none d-md-inline-block" href="https://ortolangdoc.atilf.fr/">Documentation</a>
                                    </div>

                <!-- Search form -->
                <ul class="navbar-nav mr-auto">
                  <li class="nav-item">
                    <form class="form-inline my-2 my-md-0 navbar-search" role="search" method="get" action="https://ortolangdoc.atilf.fr/">
                      <input class="form-control navbar-search-input" type="search" placeholder="Rechercher…" aria-label="Search" value="" name="s" title="Rechercher :">
                    </form>
                  </li>
                </ul>

                <!-- collapsible button toggler -->
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#main-nav" aria-controls="" aria-expanded="false" aria-label="Toggle navigation">
                    <span...