我目前使用Bootstrap v3.3.0,我希望当用户更改屏幕宽度时,导航栏的最后一个元素(下拉列表之前的LINK)消失并添加到下拉列表。 我可以使用Bootstrap或任何JS库吗?导航栏的更改屏幕宽度时在导航栏上隐藏元素
实施例:http://getbootstrap.com/examples/navbar/
预先感谢。
我目前使用Bootstrap v3.3.0,我希望当用户更改屏幕宽度时,导航栏的最后一个元素(下拉列表之前的LINK)消失并添加到下拉列表。 我可以使用Bootstrap或任何JS库吗?导航栏的更改屏幕宽度时在导航栏上隐藏元素
实施例:http://getbootstrap.com/examples/navbar/
预先感谢。
您应该使用以下方法: 将它们添加两次,以便在正常菜单和下拉菜单中添加它们。然后在CSS中显示或在需要时隐藏它们。
@media (min-width: 768px) {
#item_link1
{
display:none;
}
}
@media (max-width: 768px) {
#item_link2
{
display:none;
}
}
使用jQuery功能
$(window).on("orientationchange load resize", function() {
var width = $(document).width();
if(width<765){
// $("#elementID").hide();
// code for other elements hide stuff
}
else if(width>765){
// for show iamges
}
});
谢谢你们。两种解决方案都很好,但我使用了第二种方法。 – 2014-11-05 17:31:18