我想模仿搜索激活的侧边栏，如图所示。侧边栏需要从左侧滑入并压缩＆＃39; （压缩东西让我崩溃）流体宽度容器，默认情况下需要在手机上可见（我有这部分使用媒体查询找出）。我正在为我的项目使用bootstrap和JQuery。我尝试过多种解决方案，但都失败了。
进入细节，我有一排2＆＃39; col-lg-6＆＃39;。我希望在单击搜索栏时将其压缩为单个文件。除了压缩它的方法之外，我知道了一切。
以下是图片。
此处是指向my miserable attempt的链接。
编辑：我一直在尝试一种涉及响应式网格和非画布搜索栏的新方法。似乎朝着正确的方向前进。