謝謝大家的指點
下面是最新試玩的結果
/*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