Javascript 如何在显示下拉菜单时使导航栏响应'；s菜单项

我无法使用引导使导航栏响应。我不想隐藏子菜单列表，而是希望它显示，并使其响应良好。我只是借用了谷歌的徽标，因为我的徽标与它的大小相同。一旦我收缩它，它就不会有反应。我正在使用引导的

navbar头

，

nav

等类，但它不起作用。请参阅下面我的代码以供您审阅

ul.nav-ul{
左侧填充：0；
边缘顶部：10px；
}
李国宝{
列表样式：无；
}
.菜单标题{
边框底部：实心1px#000；
垫底：3件；
}

切换导航




菜单1








菜单2














菜单3










菜单4










☻ 登录


在这里

如果您在图像中显示它的外观，这将非常有用

我猜你想达到的目标是：

ul.nav-ul{
左侧填充：0；
边缘顶部：10px；
}
李国宝{
列表样式：无；
}
.菜单标题{
边框底部：实心1px#000；
垫底：3件；
}

切换导航












































☻ 登录


在这里

您能解释一下具体问题吗？也许是你想要完成的一个图像模型。它似乎对我有反应。因为如果你在手机/平板电脑中查看它。它看起来很难看，我的意思是菜单应该有下拉菜单，但仅限于手机/平板电脑。设备的屏幕大小并不重要。您可以调整浏览器的大小，使其变小以模拟小型设备。当这个网站变小的时候，你是在模仿它吗？同样，您可以检查您的浏览器，只需调整它的大小，使窗口非常方便narrow@AlexanderHiggins是的。但这不是我的问题。嗯，我只想在平板电脑或手机中显示

图标栏。但如果在个人电脑中，我希望子菜单和菜单一样显示。唯一的问题是在手机中使菜单成为下拉菜单/tablet@Jonjie刚刚做了简单的修复，参考了很好的建议。我以后会试试的，我现在就知道了。我用了你的链接。美好的