html - CSS 菜单未正确对齐

Question

JSFiddle：http: //jsfiddle.net/jYSYW/

我想把粉红色的菜单放在右下角header .container。我确实尝试过使用position: relative;，aboslute但没有成功......

有什么线索吗？

如果可能的话，我也不想将 ul/li css应用于引导下拉菜单。

谢谢

PS：这是我的主题的缩短版本。

Answer 1

我添加了

header .container{
   height: 80px;
   position: relative;
   overflow: hidden;
}

nav.pull-right {
   position: absolute;
   bottom: 0;
   right: 0;
}

它有效。这是一个新的小提琴：http: //jsfiddle.net/dMu5y/

Answer 2

像这样？:)

添加：

 .container nav.pull-right {
     position: absolute;
     right: 0;
     bottom: 0;   
 }    
 .container {
       position: relative; 
       width: 100%; 
       height: 100%;
  }