如何使导航栏中的下拉菜单出现在其他页面元素的顶部？

Question

我在带有Bootstrap 4.1的.net框架中使用Visual Studio 2017。我试图在导航栏中放置一个下拉菜单，但它一直落后于页面上的其他元素。

最初，我在常规div设置中使用了下拉菜单，已将其更改为更具体的导航。我尝试使用溢出自动，但所有这些都是创建一个迷你滚动窗口，该窗口很小（更不用说难看了），无法查看其内容。添加固定顶部类也无济于事。在专门用于导航（位于定位下）的引导页面上，他们警告不要更改当前为1000的z-index。我对这个框架仍然不陌生，并且对将z-index弄乱感到不安。还有其他方法可以使下拉菜单显示出来吗？

这是沙箱测试服务器：http://70.163.32.104/

SELECT m.id, 
e.id AS extraction_id, 
row_number() OVER (PARTITION BY m.id ORDER BY e.start_time DESC) as 
   start_date_rank,
e.end_time AS e_end_time, 
e.status AS e_status
FROM monitors m 
LEFT JOIN extractions e 
ON m.id = e.monitor_id 
WHERE m.is_deleted is FALSE