Bootstrap如何添加一个按钮到jumbotron的左上角？

Question

是否有可能将按钮放在jumbotron的最左上角而不是上方？

目前我有：

<a href="#menu-toggle" class="btn btn-default" id="menu-toggle"> 
     <span class="glyphicon glyphicon-th-list"></span> 
</a> 
<div class="jumbotron"> 
    <div class="container"> 
     <div class="page-header text-center"> 
      <h1>Title of Page</h1> 
      </div> 
     </div> 
    </div> 
</div> 

按钮创建的超大屏幕上方noticable酒吧

我怎么可以把按钮，在顶部最左边的（它看起来像一个垃圾导航栏！）角落来消除这个问题？

Answer 1

在这里，你去。只需在按钮上添加绝对定位，并将其放置在您的jumbotron内部，而不是其上方。

.jumbotron {position:relative;} 
#buttonmenu {position:absolute; top:5px; left:5px;} 

更新小提琴：http://www.bootply.com/vmmhsyhYlU