Bootstrap 4 弯曲方向的全高:立柱

Bootstrap 4 弯曲方向的全高:立柱,bootstrap-4,flexbox,frontend,Bootstrap 4,Flexbox,Frontend,我尝试用文本和两个按钮制作一个CTA框,它们被包装在.buttons类中,并以图像为中心。当我使用移动视图时,一切都很好,因为按钮位于文本区域下方。但在桌面视图中,我在文本旁边和彼此上方都有按钮,当我在文本区域使用较大的字体和填充时,按钮内的文本不会居中 [Codepen]([https://codepen.io/iCode18/pen/dBQLeL/][1]) 我知道我应该先有一部手机。我知道在设备之间转换看起来不太好。每个按钮都必须有: 显示:flex;证明内容:中心;对齐项目:居中当然还

我尝试用文本和两个按钮制作一个CTA框,它们被包装在.buttons类中,并以图像为中心。当我使用移动视图时,一切都很好,因为按钮位于文本区域下方。但在桌面视图中,我在文本旁边和彼此上方都有按钮,当我在文本区域使用较大的字体和填充时,按钮内的文本不会居中

[Codepen]([https://codepen.io/iCode18/pen/dBQLeL/][1])
我知道我应该先有一部手机。我知道在设备之间转换看起来不太好。

每个按钮都必须有:
显示:flex;证明内容:中心;对齐项目:居中当然还有必要的媒体查询