bootstrap开发中遇到的问题

导航条缩小到XS模式上下留白的情况

做了一固定在底部的导航内嵌表单，但是缩小到xs宽度时出现了上下两条白条。

原因也很简单，在缩小到xs宽度时出现了折叠的情况，bootstrap将内嵌的form视为独立整体的一行。
我采用了解决方法：
1.将form的一个class属性：navbar-form改为form-inline

2.再为form添加padding样式style="padding-top: 10px;padding-bottom: 10px;"

input和button的长度不一致

为button加上class属性btn-block