如何从Bootstrap中的按钮创建叠加菜单(仅限移动设备)

时间:2015-07-20 20:02:09

标签: css twitter-bootstrap drop-down-menu twitter-bootstrap-3

我被告知要为我们的网站创建一个单独的移动标题,它看起来与桌面版本完全不同。因此,我决定为移动设备创建一个单独的HTML文件。我不需要它能够响应不同的大小,因为它只能在xs设备上看到。我没有使用Bootstrap Navbar,所以我只添加了自己的汉堡菜单按钮,它始终可见(在xs设备上)。这是标题。

enter image description here

我希望当用户点击菜单图标时,菜单应覆盖当前页面。我找到了我不喜欢的滑入式横向菜单,因为它们将页面向右推。我希望覆盖一些内容,但保持页面不变。桌面网站上的菜单如下所示:

enter image description here

我希望看起来非常相似,非常类似于下拉列表的Bootstrap样式。

这样做的最佳方法是什么? 这是一个bootply:http://www.bootply.com/MWYq5hVtZ0

0 个答案:

没有答案