我被告知要为我们的网站创建一个单独的移动标题,它看起来与桌面版本完全不同。因此,我决定为移动设备创建一个单独的HTML文件。我不需要它能够响应不同的大小,因为它只能在xs设备上看到。我没有使用Bootstrap Navbar,所以我只添加了自己的汉堡菜单按钮,它始终可见(在xs设备上)。这是标题。
我希望当用户点击菜单图标时,菜单应覆盖当前页面。我找到了我不喜欢的滑入式横向菜单,因为它们将页面向右推。我希望覆盖一些内容,但保持页面不变。桌面网站上的菜单如下所示:
我希望看起来非常相似,非常类似于下拉列表的Bootstrap样式。
这样做的最佳方法是什么? 这是一个bootply:http://www.bootply.com/MWYq5hVtZ0