Twitter bootstrap 引导网格内的输入不起作用

我一直在玩引导网格，我的目标是使这个屏幕：

我使用了4-8的比例，所以表是8，搜索选项是4。 我不知道为什么，但是搜索行不响应鼠标（因为它们上面有东西），但是如果我使用tab按钮导航到它们，它会响应

本部分代码为：

按日期搜索：



按价格搜索：



按类型搜索：
选择一种类型
食物
电
餐厅
健康
体育
露营
旅游



身份证件
标题
开始日期
结束日期
数量
类型
消息
价格
形象
行动
{{c1.id}
{{c1.title}
{{c1.开始日期}
{{c1.结束日期}
{{c1.amount}
{{c1.type}
{{c1.message}
{{c1.price}$

为什么要使用

span

而不是

div

？行和列？正确的方法是对列和行使用div而不是span

这应该会有帮助。

按日期搜索：




按价格搜索：




按类型搜索：
选择一种类型
食物
电
餐厅
健康
体育
露营
旅游




身份证件
标题
开始日期
结束日期
数量
类型
消息
价格
形象
行动
{{c1.id}
{{c1.title}
{{c1.开始日期}
{{c1.结束日期}
{{c1.amount}
{{c1.type}
{{c1.message}
{{c1.price}$

好的，但是“div”可以获得我想要的更多屏幕，还有什么可以用作“div”但不会有这么大的块？使用较小的列大小和偏移量。