title: How to automatically drop the dropdown menu if my cursor pointed to the navlinks
body: <p>I have question regarding on customizing the dropdown menu of bootstrap 4, I have module where I need to show the content of dropdown menu If the user hover the different navlinks. Is there way to show the content on the dropdown. If I hover it.? I found some answer related on my question but it's not working on my side they give suggestion use css or jquery.</p>
  
  <p>I will share to you guys my html bootstrap navbar.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet"/&gt;
  
  &lt;nav class="navbar  navbar-expand-sm navbar-light bg-dark" style="height: 56px; background-color:#575A5D !important; border-color:#575A5D !important; position:fixed; width: 100%; z-index:3;"&gt;
  &lt;button class="custom-toggler navbar-toggler" type="button" data-toggle="collapse"  style="color:white !important;" data-target=".navbar1and2" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"&gt;
  &lt;span class="navbar-toggler-icon" style="color:white !important;"&gt;&lt;/span&gt;
  &lt;/button&gt;
  &lt;div class="collapse navbar-collapse navbar1and2" id="navbarSupportedContent2"&gt;
  &lt;ul class="navbar-nav mr-auto" &gt;
  &lt;li class="nav-item dropdown position-static"&gt;
  &lt;a class="nav-link dropdown-toggle" href="#" id="navbarDropdown"  style="padding-right:50px; color:white;" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"&gt;
  MEMBERSHIP
  &lt;/a&gt;   
  &lt;div class="dropdown-menu fade w-100" aria-labelledby="navbarDropdown" style="border-radius: 0px; height:400px; background-color:#f3f3f3; border-color:#f3f3f3;"&gt;
  &lt;div class="container-fluid"&gt;
  &lt;div class="row"&gt;
  &lt;div class="col-md-4" style="border-right-style: dotted; border-right-color: #8e908f; position: relative; top:10px;"&gt;
  &lt;p style="font-size:17px; color:#8e908f"&gt;Benefits For&lt;/p&gt;
  &lt;div style="border-right-style: dotted;  height:auto; "&gt;&lt;/div&gt;
  &lt;a href="./physician_membership.php" class="btn btn-primary btn-lg form-control" style="border-radius: 50px; text-align: left; border-color:#00A0DF; background-color:#00A0DF; font-size:16.5px !important; "&gt;&lt;i class="fas fa-arrow-alt-circle-right"&gt;&lt;/i&gt; Physician&lt;/a&gt;
  &lt;br&gt;&lt;br&gt;
  &lt;a href="./residents.php" class="btn btn-primary btn-lg form-control" style="border-radius: 50px; text-align: left; border-color:#00A0DF; background-color:#00A0DF; font-size:16.5px !important;"&gt;&lt;i class="fas fa-arrow-alt-circle-right"&gt;&lt;/i&gt; Residents &amp; Fellows-in-Training&lt;/a&gt;
  &lt;br&gt;&lt;br&gt;
  &lt;a href="./medical_students.php" class="btn btn-primary btn-lg form-control" style="border-radius: 50px; text-align: left;border-radius:  border-color:#00A0DF; background-color:#00A0DF; font-size:16.5px !important;"&gt;&lt;i class="fas fa-arrow-alt-circle-right"&gt;&lt;/i&gt; Medical Students&lt;/a&gt;
  &lt;br&gt;&lt;br&gt;
  &lt;a href="./international_membership.php" class="btn btn-primary btn-lg form-control" style="border-color:#4AAE9C; background-color:#4AAE9C; border-radius: 50px; text-align: left; font-size:16.5px !important;"&gt;&lt;i class="fas fa-arrow-alt-circle-right"&gt;&lt;/i&gt; International&lt;/a&gt;
  &lt;br&gt;&lt;br&gt;
  &lt;a href="./affiliate_membership.php" class="btn btn-primary btn-lg form-control" style=" border-color:#4AAE9C; background-color:#4AAE9C;border-radius: 50px; text-align: left; font-size:16.5px !important;"&gt;&lt;i class="fas fa-arrow-alt-circle-right"&gt;&lt;/i&gt; Affiliate&lt;/a&gt;
  
  &lt;/div&gt;
  &lt;div class="col-md-4" style="border-right-style: dotted; border-right-color: #8e908f; position: relative; top:10px;"&gt;
  &lt;p style="font-size:17px; color:#8e908f"&gt;Become a Fellow&lt;/p&gt;
  &lt;ul style="list-style-type: circle; "&gt;
  &lt;li&gt;&lt;a href=""  style="font-size:20px; text-decoration: none; color:#00A0DF;"&gt;Interested in becoming fellow?&lt;/a&gt;&lt;/li&gt;&lt;br&gt;
  &lt;li&gt;&lt;a href="" style="font-size:20px; text-decoration: none; color:#00A0DF;"&gt;Nominate a fellow &lt;i class="fas fa-location-arrow"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  &lt;div class="col-md-4" style=" position: relative; top:10px;"&gt;
  &lt;p style="font-size:17px; color:#8e908f"&gt;For Members&lt;/p&gt;
  &lt;ul style="list-style-type: none;"&gt;
  &lt;li&gt;&lt;a href=""  style="font-size:20px; text-decoration: none; color:#00A0DF;"&gt;&lt;i class="far fa-gem"&gt;&lt;/i&gt; &amp;nbsp;&amp;nbsp;Pay Dues &lt;i class="fas fa-location-arrow"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;br&gt;
  &lt;li&gt;&lt;a href="" style="font-size:20px; text-decoration: none; color:#00A0DF;"&gt;&lt;i class="fas fa-th-list"&gt;&lt;/i&gt; &amp;nbsp;&amp;nbsp;Update Account &lt;i class="fas fa-location-arrow"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;br&gt;
  &lt;li&gt;&lt;a href="" style="font-size:20px; text-decoration: none; color:#00A0DF;"&gt;&lt;i class="fas fa-money-check"&gt;&lt;/i&gt; &amp;nbsp;&amp;nbsp; Check Orders &lt;i class="fas fa-location-arrow"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/li&gt;
  &lt;li class="nav-item dropdown position-static"&gt;
  &lt;a class="nav-link dropdown-toggle" href="#" id="navbarDropdown"  style="padding-right:50px; color:white;" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"&gt;
  CME &amp; MOC
  &lt;/a&gt;
  
  &lt;div class="dropdown-menu fade w-100" aria-labelledby="navbarDropdown" style="border-radius: 0px; height:400px; background-color:#f3f3f3; border-color:#f3f3f3;"&gt;
  &lt;div class="container-fluid"&gt;
  &lt;div class="row"&gt;
  
  &lt;div class="col-md-4" style="border-right-style: dotted; border-right-color: #8e908f; position: relative; top:10px;"&gt;
  
  &lt;p style="font-size:17px; color:#8e908f"&gt;UNDERSTANDING MOC&lt;/p&gt;
  &lt;p&gt;PSMID offers a number of resources to help members make sense of the MOC requirements and earn points.&lt;/p&gt;
  
  
  &lt;a href="" class="btn btn-primary btn-lg form-control" style="border-color:#007BFF; background-color:#007BFF; border-radius: 50px; text-align: left; font-size:16.5px !important;"&gt;&lt;i class="fas fa-arrow-alt-circle-right"&gt;&lt;/i&gt; Understand MOC Requirements&lt;/a&gt;
  &lt;br&gt;&lt;br&gt;
  &lt;a href="" class="btn btn-primary btn-lg form-control" style=" border-color:#007BFF; background-color:#007BFF;border-radius: 50px; text-align: left; font-size:16.5px !important;"&gt;&lt;i class="fas fa-arrow-alt-circle-right"&gt;&lt;/i&gt; Earn MOC Points&lt;/a&gt;
  
  &lt;/div&gt;
  &lt;div class="col-md-4" style="border-right-style: dotted; border-right-color: #8e908f; position: relative; top:10px;"&gt;
  &lt;p style="font-size:30px; color:#000"&gt;Industry Leading Tools &amp; Resources&lt;/p&gt;
  &lt;ul style="list-style-type: none; "&gt;
  &lt;li&gt;&lt;a href=""  style="font-size:20px; text-decoration: none; color:#00A0DF;"&gt; MKSAP 18&lt;/a&gt;&lt;/li&gt;&lt;br&gt;
  &lt;li&gt;&lt;a href="" style="font-size:20px; text-decoration: none; color:#00A0DF;"&gt;&lt;img src="./Assets/annals_icon.png" class="img-fluid"&gt; &amp;nbsp;&amp;nbsp;  Annals of IM &lt;/a&gt;&lt;/li&gt;
  &lt;br&gt;
  &lt;li&gt;&lt;a href="" style="font-size:20px; text-decoration: none; color:#00A0DF;"&gt;&lt;img src="./Assets/im2020-57x57.png" class="img-fluid"&gt; &amp;nbsp;&amp;nbsp;  Internal Medicine Meeting &lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  &lt;div class="col-md-4" style=" position: relative; top:0px;"&gt;
  
  &lt;div style="background-color:#E9ECEF; padding: 10px 10px 10px 10px;"&gt;
  &lt;p style="font-size:25px;"&gt;In this section&lt;/p&gt;
  &lt;a href="" style="font-size:20px; text-decoration: none; color:#00A0DF;"&gt;CME&lt;/a&gt; &lt;br&gt;&lt;br&gt;
  &lt;a href="" style="font-size:20px; text-decoration: none; color:#00A0DF;"&gt;MOC&lt;/a&gt; &lt;br&gt;&lt;br&gt;
  &lt;a href="" style="font-size:20px; text-decoration: none; color:#00A0DF;"&gt;Certification Preperation&lt;/a&gt; &lt;br&gt; &lt;br&gt;
  &lt;a href="" style="font-size:20px; text-decoration: none; color:#00A0DF;"&gt;Online Learning Center&lt;/a&gt;
  &lt;/div&gt;
  
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;/li&gt;
  &lt;li class="nav-item dropdown position-static"&gt;
  &lt;a class="nav-link dropdown-toggle" href="#" id="navbarDropdown"  style="padding-right:50px; color:white;" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"&gt;
  MEETING &amp; COURCES
  &lt;/a&gt;
  
  &lt;div class="dropdown-menu fade w-100" aria-labelledby="navbarDropdown" style="border-radius: 0px; height:400px; background-color:#f3f3f3; border-color:#f3f3f3;"&gt;
  &lt;div class="container-fluid"&gt;
  &lt;div class="row"&gt;
  
  &lt;div class="col-md-4" style="border-right-style: dotted; border-right-color: #8e908f; position: relative; top:10px;"&gt;
  
  &lt;a href="" style="font-size:20px; text-decoration: none; color:#00A0DF;"&gt;&lt;img src="./Assets/im2020-logo-350x115.png" class="img-fluid"&gt;
  &lt;br&gt;&lt;br&gt;  
  &lt;p style="font-size:18px; color:#8e908f;"&gt;The most comprehensive meeting in Internal Medicine.&lt;/p&gt;
  &lt;hr&gt;
  
  &lt;p style="font-size:27px; color:#8e908f;"&gt;Los Angeles,CA April 23-25, 2020&lt;/p&gt;
  &lt;a href="" class="btn btn-primary btn-lg form-control" style=" border-color:#4AAE9C; background-color:#4AAE9C;border-radius: 50px; text-align: left; font-size:15px !important;"&gt;&lt;i class="fas fa-arrow-alt-circle-right"&gt;&lt;/i&gt; INTERNAL MEDICINE MEETING 2020&lt;/a&gt;
  
  &lt;/div&gt;
  &lt;div class="col-md-4" style="border-right-style: dotted; border-right-color: #8e908f; position: relative; top:10px;"&gt;
  &lt;p style="font-size:30px; color:#000"&gt;Upcoming Internal Medicine Board Review Courses&lt;/p&gt;
  &lt;p style="font-size:20px; color:#8e908f"&gt;Prepare for the Certification and Maintenance of Certification (MOC) Exam with an PSMID review course.&lt;/p&gt;
  &lt;a href="" class="btn btn-primary btn-lg form-control" style=" border-color:#4AAE9C; background-color:#4AAE9C;border-radius: 50px; text-align: left; font-size:15px !important;"&gt;&lt;i class="fas fa-arrow-alt-circle-right"&gt;&lt;/i&gt; BOARD CERTIFICATION REVIEW COURCES&lt;/a&gt;
  &lt;br&gt;&lt;br&gt;
  &lt;a href="" class="btn btn-primary btn-lg form-control" style=" border-color:#4AAE9C; background-color:#4AAE9C;border-radius: 50px; text-align: left; font-size:15px !important;"&gt;&lt;i class="fas fa-arrow-alt-circle-right"&gt;&lt;/i&gt; MOC EXAM PREP COURCES&lt;/a&gt;
  &lt;/div&gt;
  &lt;div class="col-md-4" style=" position: relative; top:0px;"&gt;
  
  &lt;div style="background-color:#E9ECEF; padding: 10px 10px 10px 10px;"&gt;
  &lt;p style="font-size:25px;"&gt;In this section&lt;/p&gt;
  &lt;a href="" style="font-size:20px; text-decoration: none; color:#00A0DF;"&gt;Internal Medicine Meeting&lt;/a&gt; &lt;br&gt;&lt;br&gt;
  &lt;a href="" style="font-size:20px; text-decoration: none; color:#00A0DF;"&gt;US Chapter Meetings&lt;/a&gt; &lt;br&gt;&lt;br&gt;
  &lt;a href="" style="font-size:20px; text-decoration: none; color:#00A0DF;"&gt;International Chapter Meetings&lt;/a&gt; &lt;br&gt; &lt;br&gt;
  &lt;a href="" style="font-size:20px; text-decoration: none; color:#00A0DF;"&gt;Courses &amp; Recordings&lt;/a&gt;
  &lt;a href="" style="font-size:20px; text-decoration: none; color:#00A0DF;"&gt;Focused Topics&lt;/a&gt;
  &lt;/div&gt;
  
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;/li&gt;
  
  &lt;li class="nav-item dropdown position-static"&gt;
  &lt;a class="nav-link dropdown-toggle" href="#" id="navbarDropdown"  style="padding-right:50px; color:white;" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"&gt;
  CLINICAL INFORMATION
  &lt;/a&gt;
  
  &lt;div class="dropdown-menu fade w-100" aria-labelledby="navbarDropdown" style="border-radius: 0px; height:400px; background-color:#f3f3f3; border-color:#f3f3f3;"&gt;
  &lt;div class="container-fluid"&gt;
  &lt;div class="row"&gt;
  
  &lt;div class="col-md-8" style="border-right-style: dotted; border-right-color: #8e908f; position: relative; top:10px;"&gt;
  
  &lt;center&gt;
  &lt;br&gt;
  &lt;div style="line-height: 5px;"&gt;
  
  &lt;p style="font-size:30px;"&gt;PSMID Clinical Search&lt;/p&gt;
  &lt;h5 style="font-size:20px;"&gt;Treating a patient? Researching a topic? Get answers now.&lt;/h5&gt;
  
  
  
  &lt;div class="input-group  col-md-7"&gt;
  
  &lt;input type="text" class="form-control" style="position: relative; top:7px; font-size: 15px; "  placeholder="Search Clinical Information" aria-label="Username" aria-describedby="basic-addon1"&gt;
  &lt;div class="input-group-prepend" style="position: relative; top:7px;  "&gt;
  &lt;span class="input-group-text"  id="basic-addon1" style="background-color: #00A0DF !important; border-color:#00A0DF; color:white; "&gt;&lt;i class="fas fa-search" style="font-size:15px;"&gt;&lt;/i&gt;&lt;/span&gt;
  &lt;/div&gt;
  
  &lt;/div&gt;
  &lt;br&gt;&lt;br&gt;
  &lt;hr&gt;
  
  &lt;div class="container-fluid"&gt;
  &lt;div class="row"&gt;
  &lt;div class="col-md-4"&gt;
  &lt;img src="./Assets/logo-annals3.png" class="img-fluid"&gt;
  &lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;
  &lt;a href="" class="btn btn-primary btn-lg form-control" style=" border-color:#4AAE9C; background-color:#4AAE9C;border-radius: 50px; text-align: left; font-size:16px !important;"&gt;&lt;i class="fas fa-arrow-alt-circle-right"&gt;&lt;/i&gt; VISIT ANNALS&lt;/a&gt;
  &lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;
  &lt;a href="" style="font-size:15px; text-decoration: none; color:#00A0DF;"&gt;LEARN MORE&lt;/a&gt;
  &lt;/div&gt;
  &lt;div class="col-md-4"&gt;
  &lt;img src="./Assets/logo-annals3.png" class="img-fluid"&gt;
  &lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;
  &lt;a href="" class="btn btn-primary btn-lg form-control" style=" border-color:#4AAE9C; background-color:#4AAE9C;border-radius: 50px; text-align: left; font-size:16px !important;"&gt;&lt;i class="fas fa-arrow-alt-circle-right"&gt;&lt;/i&gt; VISIT MKSAP 18&lt;/a&gt;
  &lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;
  &lt;a href="" style="font-size:15px; text-decoration: none; color:#00A0DF;"&gt;LEARN MORE&lt;/a&gt;
  &lt;/div&gt;
  &lt;div class="col-md-4"&gt;
  &lt;img src="./Assets/dmp_logo_v3.png" class="img-fluid"&gt;
  &lt;a href="" class="btn btn-primary btn-lg form-control" style=" border-color:#4AAE9C; background-color:#4AAE9C;border-radius: 50px; text-align: left; font-size:16px !important;"&gt;&lt;i class="fas fa-arrow-alt-circle-right"&gt;&lt;/i&gt; VISIT DYNAMED PLUS&lt;/a&gt;
  
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  
  
  &lt;/div&gt;
  &lt;/center&gt;
  
  
  &lt;/div&gt;
  
  &lt;div class="col-md-4" style=" position: relative; top:0px;"&gt;
  
  &lt;div style="background-color:#E9ECEF; padding: 10px 10px 10px 10px;"&gt;
  &lt;p style="font-size:25px;"&gt;In this section&lt;/p&gt;
  &lt;a href="" style="font-size:20px; text-decoration: none; color:#00A0DF;"&gt;Clinical Guidelines &amp; Recommendations&lt;/a&gt; &lt;br&gt;&lt;br&gt;
  &lt;a href="" style="font-size:20px; text-decoration: none; color:#00A0DF;"&gt;Performance Measures&lt;/a&gt; &lt;br&gt;&lt;br&gt;
  &lt;a href="" style="font-size:20px; text-decoration: none; color:#00A0DF;"&gt;Journals &amp; Publications&lt;/a&gt; &lt;br&gt; &lt;br&gt;
  &lt;a href="" style="font-size:20px; text-decoration: none; color:#00A0DF;"&gt;Clinical Resources &amp; Products&lt;/a&gt;
  &lt;a href="" style="font-size:20px; text-decoration: none; color:#00A0DF;"&gt;High Value Care&lt;/a&gt; &lt;br&gt; &lt;br&gt;
  &lt;a href="" style="font-size:20px; text-decoration: none; color:#00A0DF;"&gt;Ethics &amp; Professionalism&lt;/a&gt;
  &lt;/div&gt;
  
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;/li&gt;
  
  &lt;!--       &lt;li class="nav-item " style="padding-right:60px; color:white;"&gt;
  &lt;a class="nav-link" href="#" &gt;CLINICAL INFORMATION&lt;/a&gt;
  &lt;/li&gt; --&gt;
  
  &lt;li class="nav-item dropdown position-static"&gt;
  &lt;a class="nav-link dropdown-toggle" href="#" id="navbarDropdown"  style="padding-right:50px; color:white;" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"&gt;
  PRACTICE RESOURCES
  &lt;/a&gt;
  
  &lt;div class="dropdown-menu fade w-100" aria-labelledby="navbarDropdown" style="border-radius: 0px; height:400px; background-color:#f3f3f3; border-color:#f3f3f3;"&gt;
  &lt;div class="container-fluid"&gt;
  &lt;div class="row"&gt;
  
  &lt;div class="col-md-3" style="border-right-style: dotted; border-right-color: #8e908f; position: relative; top:10px;"&gt;
  
  &lt;p style="font-size:25px; color:#8e908f"&gt;Medicare&lt;/p&gt;
  &lt;p style="font-size:18px;"&gt;Ensure payment and avoid policy violations. Plus, new resources to help you navigate the Medicare Access and CHIP Reauthorization Act of 2015 (MACRA).&lt;/p&gt;
  
  &lt;a href="" class="btn btn-primary btn-lg form-control" style=" border-color:#4AAE9C; background-color:#4AAE9C;border-radius: 50px; text-align: left; font-size:16.5px !important;"&gt;&lt;i class="fas fa-arrow-alt-circle-right"&gt;&lt;/i&gt; Medicare Resources&lt;/a&gt;
  
  &lt;/div&gt;
  &lt;div class="col-md-3" style="border-right-style: dotted; border-right-color: #8e908f; position: relative; top:10px;"&gt;
  &lt;p style="font-size:25px; color:#8e908f"&gt;Office Forms&lt;/p&gt;
  &lt;p style="font-size:18px;"&gt;Access helpful forms developed by a variety of sources for patient charts, logs, information sheets, office signs, and use by practice administration.&lt;/p&gt;
  
  &lt;a href="" class="btn btn-primary btn-lg form-control" style=" border-color:#4AAE9C; background-color:#4AAE9C;border-radius: 50px; text-align: left; font-size:16.5px !important;"&gt;&lt;i class="fas fa-arrow-alt-circle-right"&gt;&lt;/i&gt; Office Forms&lt;/a&gt;
  &lt;/div&gt;
  &lt;div class="col-md-6" style=" position: relative; top:10px;"&gt;
  &lt;div class="row"&gt;
  &lt;div class="col-md-6"&gt;
  &lt;p style="font-size:17px; color:#8e908f"&gt;QUICK LINKS&lt;/p&gt;
  &lt;ul style="list-style-type: none;"&gt;
  &lt;li&gt;&lt;a href=""  style="font-size:20px; text-decoration: none; color:#00A0DF;"&gt;&lt;i class="fas fa-arrow-alt-circle-right"&gt;&lt;/i&gt; QPP/MACRA &lt;/a&gt;&lt;/li&gt;
  &lt;br&gt;
  &lt;li&gt;&lt;a href="" style="font-size:20px; text-decoration: none; color:#00A0DF;"&gt;&lt;i class="fas fa-arrow-alt-circle-right"&gt;&lt;/i&gt;Physician &amp; Practice Timeline &lt;/a&gt;&lt;/li&gt;
  &lt;br&gt;
  &lt;li&gt;&lt;a href="" style="font-size:20px; text-decoration: none; color:#00A0DF;"&gt;&lt;i class="fas fa-arrow-alt-circle-right"&gt;&lt;/i&gt; Coding&lt;/a&gt;&lt;/li&gt;
  &lt;br&gt;
  &lt;li&gt;&lt;a href="" style="font-size:20px; text-decoration: none; color:#00A0DF;"&gt;&lt;i class="fas fa-arrow-alt-circle-right"&gt;&lt;/i&gt; Medical Educator Resources&lt;/a&gt;&lt;/li&gt;
  
  &lt;/ul&gt;
  &lt;/div&gt;
  &lt;div class="col-md-6"&gt;
  &lt;div style="background-color:#E9ECEF; padding: 10px 10px 10px 10px;"&gt;
  &lt;p style="font-size:25px;"&gt;In this section&lt;/p&gt;
  &lt;a href="" style="font-size:20px; text-decoration: none; color:#00A0DF;"&gt;CME&lt;/a&gt; &lt;br&gt;&lt;br&gt;
  &lt;a href="" style="font-size:20px; text-decoration: none; color:#00A0DF;"&gt;MOC&lt;/a&gt; &lt;br&gt;&lt;br&gt;
  &lt;a href="" style="font-size:20px; text-decoration: none; color:#00A0DF;"&gt;Certification Preperation&lt;/a&gt; &lt;br&gt; &lt;br&gt;
  &lt;a href="" style="font-size:20px; text-decoration: none; color:#00A0DF;"&gt;Online Learning Center&lt;/a&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;/li&gt;
  
  &lt;li class="nav-item dropdown position-static"&gt;
  &lt;a class="nav-link dropdown-toggle" href="#" id="navbarDropdown"  style="padding-right:50px; color:white;" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"&gt;
  ADVOCACY
  &lt;/a&gt;
  
  &lt;div class="dropdown-menu fade w-100" aria-labelledby="navbarDropdown" style="border-radius: 0px; height:auto; background-color:#f3f3f3; border-color:#f3f3f3;"&gt;
  &lt;div class="container-fluid"&gt;
  &lt;div class="row"&gt;
  
  &lt;div class="col-md-8" style="border-right-style: dotted; border-right-color: #8e908f; position: relative; top:10px;"&gt;
  
  &lt;br&gt;
  &lt;div style="line-height: 5px;"&gt;
  
  &lt;p style="font-size:30px;"&gt;Where We Stand&lt;/p&gt;
  &lt;h5 style="font-size:20px;"&gt;PSMID advocates on behalf on internists and their patients on a number of timely issues. Learn about where PSMID stands on the following areas:&lt;/h5&gt;
  
  
  &lt;/div&gt;
  &lt;br&gt;
  &lt;div class="row"&gt;
  &lt;div class="col-md-6"&gt;
  &lt;a href="" class="btn btn-primary btn-lg form-control" style=" border-color:#4AAE9C; background-color:#4AAE9C;border-radius: 50px; text-align: left; font-size:16.5px !important;"&gt;&lt;i class="fas fa-arrow-alt-circle-right"&gt;&lt;/i&gt; Access to Care&lt;/a&gt;
  &lt;br&gt;&lt;br&gt;
  &lt;a href="" class="btn btn-primary btn-lg form-control" style=" border-color:#4AAE9C; background-color:#4AAE9C;border-radius: 50px; text-align: left; font-size:16.5px !important;"&gt;&lt;i class="fas fa-arrow-alt-circle-right"&gt;&lt;/i&gt; Patients Before Paperwork&lt;/a&gt;
  &lt;br&gt;&lt;br&gt;
  &lt;a href="" class="btn btn-primary btn-lg form-control" style=" border-color:#4AAE9C; background-color:#4AAE9C;border-radius: 50px; text-align: left; font-size:16.5px !important;"&gt;&lt;i class="fas fa-arrow-alt-circle-right"&gt;&lt;/i&gt; Medicare and the Quality Payment Program&lt;/a&gt;
  &lt;br&gt;&lt;br&gt;
  &lt;a href="" class="btn btn-primary btn-lg form-control" style=" border-color:#4AAE9C; background-color:#4AAE9C;border-radius: 50px; text-align: left; font-size:16.5px !important;"&gt;&lt;i class="fas fa-arrow-alt-circle-right"&gt;&lt;/i&gt; Medicaid Reform&lt;/a&gt;
  &lt;br&gt;&lt;br&gt;
  &lt;a href="" class="btn btn-primary btn-lg form-control" style=" border-color:#4AAE9C; background-color:#4AAE9C;border-radius: 50px; text-align: left; font-size:16.5px !important;"&gt;&lt;i class="fas fa-arrow-alt-circle-right"&gt;&lt;/i&gt; Public Health&lt;/a&gt;
  
  &lt;/div&gt;
  &lt;div class="col-md-6"&gt;
  &lt;a href="" class="btn btn-primary btn-lg form-control" style=" border-color:#4AAE9C; background-color:#4AAE9C;border-radius: 50px; text-align: left; font-size:16.5px !important;"&gt;&lt;i class="fas fa-arrow-alt-circle-right"&gt;&lt;/i&gt; Physician Workforce and Team Based Care&lt;/a&gt;
  &lt;br&gt;&lt;br&gt;
  &lt;a href="" class="btn btn-primary btn-lg form-control" style=" border-color:#4AAE9C; background-color:#4AAE9C;border-radius: 50px; text-align: left; font-size:16.5px !important;"&gt;&lt;i class="fas fa-arrow-alt-circle-right"&gt;&lt;/i&gt; Women in Medicine&lt;/a&gt;
  &lt;br&gt;&lt;br&gt;
  &lt;a href="" class="btn btn-primary btn-lg form-control" style=" border-color:#4AAE9C; background-color:#4AAE9C;border-radius: 50px; text-align: left; font-size:16.5px !important;"&gt;&lt;i class="fas fa-arrow-alt-circle-right"&gt;&lt;/i&gt; Health Information Technology&lt;/a&gt;
  &lt;br&gt;&lt;br&gt;
  &lt;a href="" class="btn btn-primary btn-lg form-control" style=" border-color:#4AAE9C; background-color:#4AAE9C;border-radius: 50px; text-align: left; font-size:16.5px !important;"&gt;&lt;i class="fas fa-arrow-alt-circle-right"&gt;&lt;/i&gt; Medical Liability Reform&lt;/a&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;br&gt;
  &lt;/div&gt;
  
  &lt;div class="col-md-4" style=" position: relative; top:0px;"&gt;
  
  &lt;div style="background-color:#E9ECEF; padding: 10px 10px 10px 10px;"&gt;
  &lt;p style="font-size:25px;"&gt;In this section&lt;/p&gt;
  &lt;a href="" style="font-size:20px; text-decoration: none; color:#00A0DF;"&gt;Where We Stand&lt;/a&gt; &lt;br&gt;&lt;br&gt;
  &lt;a href="" style="font-size:20px; text-decoration: none; color:#00A0DF;"&gt;PSMID Advocate Newsletter&lt;/a&gt; &lt;br&gt;&lt;br&gt;
  &lt;a href="" style="font-size:20px; text-decoration: none; color:#00A0DF;"&gt;State Health Policy&lt;/a&gt; &lt;br&gt; &lt;br&gt;
  &lt;a href="" style="font-size:20px; text-decoration: none; color:#00A0DF;"&gt;Advocacy in Action&lt;/a&gt;
  &lt;a href="" style="font-size:20px; text-decoration: none; color:#00A0DF;"&gt;Current Public Policy Papers&lt;/a&gt; &lt;br&gt; &lt;br&gt;
  &lt;a href="" style="font-size:20px; text-decoration: none; color:#00A0DF;"&gt;PSMID Policies &amp; Recommendations&lt;/a&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/li&gt;
  &lt;li class="nav-item " style="color:white !important;"&gt;
  &lt;a class="nav-link" href="#" style=""&gt;&lt;i class="fas fa-shopping-cart"&gt;&lt;/i&gt; STORE&lt;/a&gt;
  &lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  &lt;/nav&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><strong>JS:</strong></p>
  
  <pre><code>$('#navbarDropdown').hover(function() {
            $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn(500);
          }, function() {
            $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeOut(500);
          });
  </code></pre>