Html 页面中央有4个响应按钮

我想有一个div，它包含4个按钮，在页面中央有一些空白。div容器和按钮应具有响应性。我曾尝试使用bootstrap中不同的组件来实现这一点，但运气不好。。。下面的图片说明了我将如何安排这些按钮

据我所知：）

测试
测试
测试
测试

据我所知：）

测试
测试
测试
测试

您可以使用以下代码实现这一点

.外部{
显示器：flex；
证明内容：中心；
对齐项目：居中；
高度：100vh；
}
.内部{
显示：网格；
网格模板列：自动；
网格间距：5px；
}
钮扣{
高度：10vh；
宽度：15vw；
}
你好
你好
你好
你好

您可以使用以下代码实现这一点

.外部{
显示器：flex；
证明内容：中心；
对齐项目：居中；
高度：100vh；
}
.内部{
显示：网格；
网格模板列：自动；
网格间距：5px；
}
钮扣{
高度：10vh；
宽度：15vw；
}
你好
你好
你好
你好

试试这个

.btn{
高度：60px；
}
测试
测试
测试
测试

试试这个

.btn{
高度：60px；
}
测试
测试
测试
测试