谢谢大家的指点
下面是最新试玩的结果
/*override bootstrap value*/
.navbar-text.pull-right { height: 100%; }
将navbar里面每层元素都调整成 height:100%
并配合 display:table / display: table-cell
故意设定一个很高的footer EX: .navbar-fixed-bottom {height: 300px}
我终于达到垂直置中
http://jsfiddle.net/ujpv58e9/2/
但是
当我将navbar-fixed-bottom调整成较正常高度 EX: 50px
我的icon又不置中了
http://jsfiddle.net/ujpv58e9/7/
inspect element之后
暴力的将所有margin / top / padding top bottom的份调整为0px