bootstrap怎么弹出搜索框？

如图，点击输入框，怎么弹出一个层，来设置相应的搜索条件？

追加一下，这个搜索应该怎么处理，比较好？

---

假设输入框ID是inputBox

$('#inputBox').on('focus', function(){
    $('#你的模态框模板ID').modal();
});

---

用jquery给input绑定一个focus事件然后弹出一个构造好的弹窗界面