屏幕调整大小时，Bootstrap Colums缺少对齐

Question

我正在尝试使所有列保持垂直对齐，但是我注意到一旦调整屏幕大小，它们就会继续向右移动。知道如何在屏幕尺寸更改后如何使它们垂直对齐吗？

<div class="col-md-3" style="margin-left:-50px">
                            <div class="productosmiddlesection-button-section"><!-- buttons are here -->
                            </div>
                        </div>
                         <div class="col-md-1" style="padding-left:25px;padding-right:25px;">
                        </div>
                        <div class="col-md-3" style="margin-left:-20px">
                            <div class="productosmiddlesection-button-section"> <!-- buttons are here -->
                            </div>
                        </div>
                         <div class="col-md-1" style="padding-left:25px;padding-right:25px;">
                        </div>
                        <div class="col-md-3" style="margin-left:-10px">
                            <div class="productosmiddlesection-button-section"><!-- buttons are here --> 
                            </div>
                        </div>

enter image description here