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

j13ufse2  于 2022-12-07  发布在  Bootstrap
关注(0)|答案(1)|浏览(149)

是否可以将按钮放在超大屏幕的最左上角,而不是放在它的正上方?
目前我有:

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

该按钮在巨型屏幕上方创建了一个值得注意的栏(看起来像一个垃圾导航栏!)
如何将按钮放在最左上角以消除此问题?

hjzp0vay

hjzp0vay1#

给你。只要把绝对定位加到按钮上,把它放在你的超大屏幕里面,而不是上面。

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

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

相关问题