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