Код JS
!function(t,i,e,s){function h(i,e){this.elements=i,this.options=t.extend({},o,e),this._defaults=o,this._name=n,this.active=!1,this.init()}var n="equalheight",o={responsive:!0};h.prototype={init:function(){this.options.wait||this.start(),this.options.responsive&&t(i).on("resize",t.proxy(this.onWindowResize,this))},magic:function(){var i=0;this.reset();var e=-1;if(t(".equalheight").each(function(){e=e>t(this).height()?e:t(this).height()}),t(".equalheight").each(function(){t(this).height(e)}),this.active){for(var s=0;s<this.elements.length;s++){var h=t(this.elements[s]);"table-cell"===h.css("display")?h.css("height",i):h.css("min-height",i)}this.active||this.reset()}},reset:function(){this.elements.css("min-height",""),this.elements.css("height","")},start:function(){this.active=!0,this.magic()},stop:function(){this.active=!1,this.reset()},onWindowResize:function(){this.active&&this.magic()}},t.fn[n]=function(t){return new h(this,t)}}(jQuery,window,document),$(document).ready(function(){$(".equalheight").equalheight({responsive:!0})});
Конструкция
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<div class="col-md-12 equal-item equalheight">Блок с текстом</div>
<div class="col-md-12 equal-item">Кнопка</div>
</div>
CSS
@media (max-width: 767px) {
.equalheight {height:auto !important;}
}
Пример реализации