从汉堡菜单中取出导航按钮

时间:2019-10-07 01:45:08

标签: javascript html css

我正在构建一个半复杂的顶部导航栏。

在移动视口中,它将仅显示徽标和汉堡按钮。 (当您单击按钮时,将出现几个导航菜单以及“登录并注册”)

-------------------------------
Logo                          =

用户点击平板电脑视口后,我希望“登录并注册”菜单从汉堡包中出来并停留在按钮旁边。

--------------------------------------------
Logo                        LogIn  SignUp  =

菜单被标记为li,当然在ul标签下。 我当时正在考虑摆脱这两个按钮中的li标签并将其从ul中取出,但是我不知道该怎么做:(

任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:0)

在注册和登录li元素中添加n=$(sudo scutil --get LocalHostName); sudo sed -i.bak "/127.0.0.1/s/$/ $n/" /etc/hosts; sudo sed -i.bak "/::1/s/$/ $n/" /etc/hosts 类名,然后在样式表中添加以下CSS代码。

signuploginclass