Twitter bootstrap 3 在导航栏中使图标和文本垂直对齐（堆栈模式）

如何使文本和图标在导航栏上垂直对齐。 就像我附上的照片：

---

我终于得到了答案。。。因此，这是为其他可能想提出类似情况的人编写的脚本

CSS:

.crozmap正文#crozmap页脚{
背景#ed6c09；
位置：固定；
底部：0；
左：0；
右：0；
z指数：1001；
}
.crozmap主体#crozmap页脚ul{
左边距：-15px；
右边距：-15px；
列表样式：无；
保证金：0；
填充：0；
}
.crozmap body#crozmap footer ul li{
位置：相对位置；
浮动：左；
宽度：25%；//这是4列的25%
最小高度：1px；
左侧填充：0；
右边填充：0；
光标：指针；
高度：50px；
文本对齐：居中；
}
.crozmap body#crozmap footer ul li a{
颜色：#fff；
显示：块；
高度：50px；
文本对齐：居中；
填充顶部：8px；
字体大小：13px；
}
.crozmap body#crozmap footer ul li a:之前{
字体系列：“icomoon”；
颜色：#fff；
字体大小：粗体；
字体大小：20px；
显示：块；
}
.crozmap body#crozmap footer ul li a:悬停{
背景色：#ed9959；
文字装饰：无；
}
.crozmap body#crozmap footer ul li a:悬停：之前{
背景色：#ed9959；
}

HTML:

<link href="bootstrap/icomoon.css" rel="stylesheet">
<style>

.crozmap-body #crozmap-footer {
  background: #ed6c09;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1001;
}
.crozmap-body #crozmap-footer ul {
margin-left: -15px;
margin-right: -15px;
list-style: none;
margin: 0;
padding: 0;
}
.crozmap-body #crozmap-footer ul li {
position: relative;
float: left;
width: 25%;  //this is for 4 column 25%
min-height: 1px;
padding-left: 0;
padding-right: 0;
cursor: pointer;
height: 50px;
text-align: center;
}
.crozmap-body #crozmap-footer ul li a {
color: #fff;
display: block;
height: 50px;
text-align: center;
padding-top: 8px;
font-size: 13px;
}
.crozmap-body #crozmap-footer ul li a:before {
font-family: "icomoon";
color: #fff;
font-weight: bold;
font-size: 20px;
display: block;
}

.crozmap-body #crozmap-footer ul li a:hover {
background-color: #ed9959;
text-decoration: none;
}

.crozmap-body #crozmap-footer ul li a:hover:before {
background-color: #ed9959;
}

</style>

<div id="crozmap-footer">
    <ul>    
        <li><a class="icon-share" data-toggle="modal"     data-target="#SharedModal">Share</a>

        <li><a class="icon-bubble" data-toggle="modal" data-target="#CommentInfoModal"> Comments </a></li>

        <li><a class="icon-file" data-toggle="modal" data-target="#CommentInfoModal">Info</a></li>

        <li><a class="icon-location" href="#" >Dir</a></li>
    </ul>
</div>