Css 引导3.0：将li与父div的底部对齐

我正在一个基于Bootstrap3的网站上工作，它显然是响应性很强的。我在标题中有一个三栏设置，左边的标志，中间的主菜单和右栏中的社交媒体链接。徽标的宽度设置为顶部25%，以匹配页面下方的列，这意味着它将根据屏幕大小改变大小。因此，使用边距top:X px匹配此图像的高度在三个视图中的两个视图中都不起作用。我已经在各种元素上使用了display:inline block/vertical align:bottom，从.navbar default开始，一直到.navbar default.navbar-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%);}
    }
}

---

不确定设计是什么，但你应该使用浏览器的开发工具和CSS来准确地确定要覆盖哪些属性，因为引导非常挑剔。相信我，我已经尝试过了。有些奇怪的事情正在发生，我不确定是什么。使用线条高度匹配图像直到调整大小为止。这同样适用于我搜索到的所有其他解决方案。标志上的静态尺寸，是的。反应灵敏的尺寸，没有。