title: Bootstrap action dropdown is not working inside table-responsive
body: <p>Bootstrap dropdown is not working in responsive as well as in desktop because i'm using this inside <code>table-responsive</code> and there is <code>overflow</code> property.</p>
  
  <p>anybody can solve it?<br><br>
  Thanks </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-css lang-css prettyprint-override"><code>.dropdown-toggle{ cursor:pointer;}</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"&gt;&lt;/script&gt;
  
  
  &lt;div class="container"&gt;
  &lt;div class="table-responsive"&gt;
  &lt;table class="table table-bordered"&gt;
  &lt;thead&gt;
  &lt;tr&gt;
  &lt;th&gt;Firstname&lt;/th&gt;
  &lt;th&gt;Email&lt;/th&gt;
  &lt;th&gt;Lastname&lt;/th&gt;
  &lt;th&gt;Password&lt;/th&gt;
  &lt;th&gt;Phone&lt;/th&gt;
  &lt;th&gt;Created By&lt;/th&gt;
  &lt;th&gt;Registration Date&lt;/th&gt;
  &lt;th&gt;Action&lt;/th&gt;
  
  
  &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
  
  &lt;tr&gt;
  &lt;td&gt;John&lt;/td&gt;
  &lt;td&gt;Doe&lt;/td&gt;
  &lt;td&gt;john@example.com&lt;/td&gt;
  &lt;td&gt;Password&lt;/td&gt;
  &lt;td&gt;Phone&lt;/td&gt;
  &lt;td&gt;Created By&lt;/td&gt;
  &lt;td&gt;Registration Date&lt;/td&gt;
  &lt;td&gt;
  &lt;div class="dropdown"&gt;
  &lt;a class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false"&gt;
  &lt;i class="fa fa-pencil fa-lg"&gt;&lt;/i&gt;
  &lt;span class="caret"&gt;&lt;/span&gt;
  &lt;/a&gt;
  &lt;ul class="dropdown-menu menuScroll"&gt;
  &lt;li&gt;&lt;a href=""&gt;Details&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Document&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Care Plan&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Health Ins Info&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Workers Comp Info&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Personal Injury Info&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Work Related Injuries&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Motor Vehicle Accident&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Medical History&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Past Appointment&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Upcoming Appointment&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Authorization&lt;/a&gt;&lt;/li&gt;
  
  &lt;li&gt;&lt;a href=""&gt;Child Patient&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Billing Record&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &amp;nbsp;&amp;nbsp;&amp;nbsp;
  &lt;a href="/admin/DeletePatient?ID=6476" class="fa fa-trash-o btnDelete" data-toggle="confirmation" style="color:red;" title="" data-original-title="click yes to delete"&gt;&lt;/a&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;
  
  &lt;/div&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  
  &lt;tr&gt;
  &lt;td&gt;John&lt;/td&gt;
  &lt;td&gt;Doe&lt;/td&gt;
  &lt;td&gt;john@example.com&lt;/td&gt;
  &lt;td&gt;Password&lt;/td&gt;
  &lt;td&gt;Phone&lt;/td&gt;
  &lt;td&gt;Created By&lt;/td&gt;
  &lt;td&gt;Registration Date&lt;/td&gt;
  &lt;td&gt;
  &lt;div class="dropdown"&gt;
  &lt;a class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false"&gt;
  &lt;i class="fa fa-pencil fa-lg"&gt;&lt;/i&gt;
  &lt;span class="caret"&gt;&lt;/span&gt;
  &lt;/a&gt;
  &lt;ul class="dropdown-menu menuScroll"&gt;
  &lt;li&gt;&lt;a href=""&gt;Details&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Document&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Care Plan&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Health Ins Info&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Workers Comp Info&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Personal Injury Info&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Work Related Injuries&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Motor Vehicle Accident&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Medical History&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Past Appointment&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Upcoming Appointment&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Authorization&lt;/a&gt;&lt;/li&gt;
  
  &lt;li&gt;&lt;a href=""&gt;Child Patient&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Billing Record&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &amp;nbsp;&amp;nbsp;&amp;nbsp;
  &lt;a href="/admin/DeletePatient?ID=6476" class="fa fa-trash-o btnDelete" data-toggle="confirmation" style="color:red;" title="" data-original-title="click yes to delete"&gt;&lt;/a&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;
  
  &lt;/div&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  
  &lt;tr&gt;
  &lt;td&gt;John&lt;/td&gt;
  &lt;td&gt;Doe&lt;/td&gt;
  &lt;td&gt;john@example.com&lt;/td&gt;
  &lt;td&gt;Password&lt;/td&gt;
  &lt;td&gt;Phone&lt;/td&gt;
  &lt;td&gt;Created By&lt;/td&gt;
  &lt;td&gt;Registration Date&lt;/td&gt;
  &lt;td&gt;
  &lt;div class="dropdown"&gt;
  &lt;a class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false"&gt;
  &lt;i class="fa fa-pencil fa-lg"&gt;&lt;/i&gt;
  &lt;span class="caret"&gt;&lt;/span&gt;
  &lt;/a&gt;
  &lt;ul class="dropdown-menu menuScroll"&gt;
  &lt;li&gt;&lt;a href=""&gt;Details&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Document&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Care Plan&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Health Ins Info&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Workers Comp Info&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Personal Injury Info&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Work Related Injuries&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Motor Vehicle Accident&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Medical History&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Past Appointment&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Upcoming Appointment&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Authorization&lt;/a&gt;&lt;/li&gt;
  
  &lt;li&gt;&lt;a href=""&gt;Child Patient&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Billing Record&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &amp;nbsp;&amp;nbsp;&amp;nbsp;
  &lt;a href="/admin/DeletePatient?ID=6476" class="fa fa-trash-o btnDelete" data-toggle="confirmation" style="color:red;" title="" data-original-title="click yes to delete"&gt;&lt;/a&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;
  
  &lt;/div&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  
  &lt;tr&gt;
  &lt;td&gt;John&lt;/td&gt;
  &lt;td&gt;Doe&lt;/td&gt;
  &lt;td&gt;john@example.com&lt;/td&gt;
  &lt;td&gt;Password&lt;/td&gt;
  &lt;td&gt;Phone&lt;/td&gt;
  &lt;td&gt;Created By&lt;/td&gt;
  &lt;td&gt;Registration Date&lt;/td&gt;
  &lt;td&gt;
  &lt;div class="dropdown"&gt;
  &lt;a class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false"&gt;
  &lt;i class="fa fa-pencil fa-lg"&gt;&lt;/i&gt;
  &lt;span class="caret"&gt;&lt;/span&gt;
  &lt;/a&gt;
  &lt;ul class="dropdown-menu menuScroll"&gt;
  &lt;li&gt;&lt;a href=""&gt;Details&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Document&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Care Plan&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Health Ins Info&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Workers Comp Info&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Personal Injury Info&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Work Related Injuries&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Motor Vehicle Accident&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Medical History&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Past Appointment&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Upcoming Appointment&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Authorization&lt;/a&gt;&lt;/li&gt;
  
  &lt;li&gt;&lt;a href=""&gt;Child Patient&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Billing Record&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &amp;nbsp;&amp;nbsp;&amp;nbsp;
  &lt;a href="/admin/DeletePatient?ID=6476" class="fa fa-trash-o btnDelete" data-toggle="confirmation" style="color:red;" title="" data-original-title="click yes to delete"&gt;&lt;/a&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;
  
  &lt;/div&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  
  &lt;tr&gt;
  &lt;td&gt;John&lt;/td&gt;
  &lt;td&gt;Doe&lt;/td&gt;
  &lt;td&gt;john@example.com&lt;/td&gt;
  &lt;td&gt;Password&lt;/td&gt;
  &lt;td&gt;Phone&lt;/td&gt;
  &lt;td&gt;Created By&lt;/td&gt;
  &lt;td&gt;Registration Date&lt;/td&gt;
  &lt;td&gt;
  &lt;div class="dropdown"&gt;
  &lt;a class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false"&gt;
  &lt;i class="fa fa-pencil fa-lg"&gt;&lt;/i&gt;
  &lt;span class="caret"&gt;&lt;/span&gt;
  &lt;/a&gt;
  &lt;ul class="dropdown-menu menuScroll"&gt;
  &lt;li&gt;&lt;a href=""&gt;Details&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Document&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Care Plan&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Health Ins Info&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Workers Comp Info&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Personal Injury Info&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Work Related Injuries&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Motor Vehicle Accident&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Medical History&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Past Appointment&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Upcoming Appointment&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Authorization&lt;/a&gt;&lt;/li&gt;
  
  &lt;li&gt;&lt;a href=""&gt;Child Patient&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;Billing Record&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &amp;nbsp;&amp;nbsp;&amp;nbsp;
  &lt;a href="/admin/DeletePatient?ID=6476" class="fa fa-trash-o btnDelete" data-toggle="confirmation" style="color:red;" title="" data-original-title="click yes to delete"&gt;&lt;/a&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;
  
  &lt;/div&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  
  
  
  &lt;/tbody&gt;
  &lt;/table&gt;
  &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>