Jquery 移动版本上的CSS导航引导

我有悬停的下拉菜单，子菜单在主菜单上，但我想在父菜单后插入，不要隐藏另一个父菜单

移动菜单：

悬停时：

我想要的是：

我想我的问题是在“下拉”课上

---

我认为我的问题在于“下拉”类

您使用的是bootstrap的网格类，这些网格类具有左填充和右填充的15px

<div class="col-sm-12 col-md-8 col-lg-6" id="dropdown">

此外，您在多个元素上使用相同的id。ID-s必须是唯一的

<div class="col-sm-12 col-md-8 col-lg-6" id="dropdown">

从w3.org：

id属性指定其元素的唯一标识符（id）。该值在元素的主子树中的所有ID中必须是唯一的，并且必须至少包含一个字符

改用类，如下所示：

<div class="className col-sm-12 col-md-8 col-lg-6">

---

关于ID-s的更多信息：

您能创建一个fiddle或可运行的代码段吗？哪个版本用于引导？

<div class="className col-sm-12 col-md-8 col-lg-6" id="dropdown">

.className {
    padding-left: 0;
}

<div class="className col-sm-12 col-md-8 col-lg-6">