bootstrap 3.0：将li对齐父div的底部

Question

我正在使用基于Bootstrap 3构建的网站，这显然是响应式的。我在标题中设置了三列，其中徽标位于左侧，主菜单位于中间，社交媒体链接位于右侧列。徽标的宽度设置为顶部25％以匹配页面下方的列，这意味着它将根据屏幕大小更改大小。因此，使用margin-top: X px来匹配此图像的高度，将无法在三个视图中的两个视图中起作用。我已经使用display: inline-block / vertical-align: bottom对各种元素进行了审核，从.navbar-default开始，到变体为.navbar-default .navbar-nav li a。这里没什么用的。

如果有人能指出我正确的方向，我会非常感激。

这是我目前正在使用的css，减去各种垂直对齐的失败尝试：

.navbar-default {background: none;border-radius: 0px;border: none; border-bottom: 1px solid @bordercolor;padding-top: 45px; 
    .navbar-nav {padding-left: 15px;
        li {background: none;display: inline-block;vertical-align: bottom;
            a {padding: 2px 5px 2px 5px; border: 1px solid fade(@links, 40%);vertical-align: bottom; }
        }
        .active>a, {background: darken(@body, 5%);}
    }
}