在調整大小屏幕時保持兩個按鈕的大小相同

Question

我正在使用引導程序，並且我的按鈕大小有問題。 當我調整我的屏幕（瀏覽器）時，顯然按鈕的大小會改變，但不是統一的。

是否有簡單的方法來保持相同的尺寸，即它們同時變大（相同的高度）？或任何其他好的做法是值得歡迎的..

這裏是小提琴https://jsfiddle.net/udr63mqt/

HTML：

<div class="container" style="max-width:1360px"> 
     <div class="col-sm-6"> 
      <button class="btn-block btn-lg alert-info" id="button_add_info"> 
       <span class="btn-image glyphicon glyphicon-pencil push-left"></span> 
       <span>Lorem ipsum dolor sit amet, consectetur.<small> Quibusdam, magni, doloribus.</small></span> 
      </button> 
     </div> 
     <div class="col-sm-6"> 
      <button class="btn-block btn-lg alert-info" id="button_add_info"> 
       <span class="btn-image glyphicon glyphicon-pencil"></span> 
       <span>Lorem ipsum dolor sit amet, consectetur adipisicing elit?<small> Quibusdam, magni, doloribus, possimus eum sapiente.</small></span> 
      </button> 
     </div> 
    </div> 

CSS：

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

非常感謝！

Answer 1

您的意思是這樣的？

https://jsfiddle.net/gratiafide/wyt8uy0k/

此選項將是一個高度和寬度設置爲你的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; 
    }