原因

在外层div加上form-inline后，可以让input 和button在一行显示。但是正是这个from-inline导致的width：auto

看下图：

bootstrap框架input框的width问题。

firefox查看器最近的一个元素是form-inline,from-control。他的width 是自动的。所以问题在于更改这个优先关系。

解决方法

在input标签内加上： style="width:100 px"。该方法适用性最强。

另外重新写class，然后引入是不会读取width值的，但可以写一个max-width，然后将上面的改为百分比，效果如上图。