html - Bootstrap 如何在超大屏幕的左上角添加一个按钮？

Question

是否可以将按钮放置在最左上角的超大屏幕内而不是仅在其上方？

目前我有:

<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>

该按钮在超大屏幕上方创建了一个引人注目的栏(看起来像一个垃圾导航栏!)

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

Answer 1

给你。只需向按钮添加绝对定位并将其放在超大屏幕内，而不是在其上方。

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

更新 fiddle :http://www.bootply.com/vmmhsyhYlU