javascript - 更改屏幕宽度时隐藏导航栏上的元素

Question

我目前使用的是 Bootstrap v3.3.0，我希望当用户更改屏幕宽度时，导航栏的最后一个元素(下拉列表之前的链接)消失并添加到下拉列表中。 我可以使用 Bootstrap 或任何 JS 库来做到这一点吗？

导航栏示例:http://getbootstrap.com/examples/navbar/

提前致谢。

Answer 1

您可能应该使用以下方法: 添加它们两次，所以在普通菜单和下拉菜单中。然后在 CSS 中显示或在需要时隐藏它们。

    @media (min-width: 768px) {
    #item_link1
    {
        display:none;
    }
}

@media (max-width: 768px) {
    #item_link2
    {
        display:none;
    }
}