在Bootstrap中设置位置而不影响响应能力

问题描述

我是网页设计的新手。我刚刚开始尝试使用Bootstrap。我想添加两个按钮 like this,

但是，我在移动设备上收到this

使用以下代码：

 <button style = "position:absolute; left:38%; top:50%; z-index=0" type="button" class="btn btn-primary btn-lg">Large button</button>
 <button style = "position:absolute; left:53%; top:50%; z-index:0" type="button" class="btn btn-primary btn-lg">Large button</button>

我知道我不应该添加位置属性，因为它们会使响应效率低下，但不要使用它们放置按钮like this。

那么我应该怎么做呢？如何在不影响响应能力的情况下指定位置？

谢谢！

解决方法

由于@zgood的评论，我对此进行了修复：

 <div style="width:100vw; height: 100vh; display:flex; align-items: center; justify-content:center">
        <button style="margin:20px" type="button" class="btn btn-primary btn-lg">Large button</button>
        <button style="margin:20px" type="button" class="btn btn-primary btn-lg">Large button</button>
 </div>

bootstrap-4 html