bootstrap开发中遇到的问题

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

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

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

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

input和button的长度不一致

为button加上class属性btn-block
svg