Jquery Bootstrap 3个带标签的内联输入元素

我试图在一个非常小的列中实现一个内联表单，如下所示：

我已经在col-lg-x中编写了一些代码，希望能够在chrome中工作，但是任何其他大小的代码都可以，然后我的表单折叠并转到新的一行

这是我的密码：

从…起
到

myfield先生{
边框：1px实心#ccc！重要；
边界半径：4px！重要；
字体大小：13px；
高度：25px；
颜色：灰色；
最大宽度：100px！重要；
宽度：31%；
填充：2x10px；
盒影：插入0px 0px 11px-5px#000；
}
输入：焦点{
大纲：初步；
方框阴影：嵌入0px 0px 11px-5px红色；
}
标签{
字体大小：12px；
最大宽度：20px！重要；
宽度：15%；
左侧填充：5px；
}
@媒体屏幕和屏幕（最小宽度：400px）{
#在此添加不同类型屏幕分辨率的代码
myfield先生{
#我的自定义代码在这里
最大宽度：80px！重要；
宽度：10%；
}
}
从…起
到

您可以在不使用标签标签的情况下进行尝试，将其更改为Span。我在chrome和firefox中都看到了标签。。又出什么问题了？@progrAmmar尝试过调整大小时问题仍然相同。@chez的问题是如何调整它的大小，并将其折叠到其列的两个不同行中