html,body,.container {
    height:100%;
}

.row label, .row input, .row button {
    width: 50px;
    text-align: center;
}

.labelrow {
    height: 45%;
}

.namerow {
    height: 15%;
}

.buttonrow {
    height: 40%;
}

.container {
   display:table;
   width: 100%;
    margin: 0;
   padding: 0 0 0 0; /*set left/right padding according to needs*/
   box-sizing: border-box;
}

.stretchyrow {
    height: 20%; /* adjust this to 100% / the number of rows */
    display: table-row;
}

.row .no-float {
  display: table-cell;
  float: none;
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}