Html 引导-导航栏中的底部对齐菜单

我需要将菜单文本与Bootstrap3导航栏的底部对齐

我的代码是：

这应该可以做到

#myNavbar {
    position: relative;
}

#myNavbar .nav {
    position: absolute; 
    bottom: 0; 
    right: 0;
    margin-bottom: -10px;
}

---

此解决方案会破坏折叠菜单的功能。这会破坏较小设备上的功能