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>

该按钮在jumbotron上方创建了一个通知栏（看起来像垃圾导航栏！）

如何将按钮放置在最左上角以消除此问题？

Answer 1

开始吧。只需在按钮上添加绝对位置，然后将其放在你的扩音器内，而不是上方。

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

更新Fiddle：http://www.bootply.com/vmmhsyhYlU