css - 由于在上半部分添加了额外的文本而扰乱了 bootstrap4 按钮的水平对齐方式？

Question

我在 bootstrap 中创建了网格系统布局来展示我的 3 门类(class)因为我已经在中间类(class)标题和底部类(class)注册按钮的顶部显示了类(class)图像，因为每当我要为特定文本插入多行标题时，所有类(class)按钮都不会处于相同的水平高度，这意味着它们的对齐方式会受到干扰

您可以引用http://demo.proserindustries.com/中的“重点类(class)”部分

Answer 1

将这 2 个属性添加到您的 CSS 中以使所有按钮对齐

.mb-5 .btn-secondary { bottom: -12%; position: absolute; left: -webkit-calc(50% - 52.5px); left: -moz-calc(50% - 52.5px); left: calc(50% - 52.5px); }
.mb-5, .my-5 { margin-bottom: 7rem!important; }

解释:

1. 按钮的宽度为 105 像素，这就是我们必须将其移动 52.5 像素以使按钮居中的原因
2. 您可能希望根据您的具体要求尝试使用 margin-bottom - 最佳做法是要求您的内容团队在固定字符数内设置标题