如何使用bootstrap创建此类导航？

Question

I need something like this type of navigation functionality

这里是简要的： 打开网站后会显示搜索图标，点击搜索图标后，会出现“X”图标，并显示右侧导航链接的淡入淡出。

你能告诉我怎么办？

等待快速解决方案。