Button 调整屏幕大小时保持两个按钮的大小相同

我正在使用引导，我的按钮大小有问题。 当我调整屏幕（浏览器）的大小时，按钮的大小显然会改变，但变化并不一致

有没有一种简单的方法可以保持相同的大小，即它们同时变大（相同的高度）？或欢迎任何其他良好做法

这是小提琴

HTML:

非常感谢

你是说像这样

此选项将为css设置按钮的高度和宽度，使其停止按您喜欢的宽度调整大小。这样做将覆盖默认的引导高度和宽度值：

 @media (min-width: 768px) {
    #button_add_info {
        background-color:lavender;
        border-radius: 0px;
        text-shadow:none;
        border:none;
        box-shadow:none;
        height:300px;
        width:250px;
    }
}

#button_add_info {
        background-color:lavender;
        border-radius: 0px;
        text-shadow:none;
        border:none;
        box-shadow:none;
        height:200px;
        width:150px;
    }

---

您可以为各种屏幕大小设置高度和宽度：不完全是因为固定高度为150px时，文本会在非常小的屏幕上显示（例如带有google Developer工具的iPhone 4）。谢谢。我只是举了一些高度和宽度的例子，但是你应该能够根据你想要的尺寸来调整它们。您也可以通过执行相同的操作来调整字体大小。这样就行了，还是你在找别的东西呢？我把文本分成两半，并加入了一个.hidden xs，以避免在小屏幕上有太大的按钮。所以一切都很好。谢谢

#button_add_info {
background-color:lavender;
border-radius: 0px;
text-shadow:none;
border:none;
box-shadow:none;}

 @media (min-width: 768px) {
    #button_add_info {
        background-color:lavender;
        border-radius: 0px;
        text-shadow:none;
        border:none;
        box-shadow:none;
        height:300px;
        width:250px;
    }
}

#button_add_info {
        background-color:lavender;
        border-radius: 0px;
        text-shadow:none;
        border:none;
        box-shadow:none;
        height:200px;
        width:150px;
    }