html - Bootstrap 3 Vertical Alignment Across Multiple Rows and Columns -
i new bootstrap. started project , came across challenge regarding vertical alignment bootstrap's grid system. community of experts able shed light , assist solution. to better illustrate issue, have taken 4 screenshots (links attached @ bottom) each of lg, md, sm, , xs scenarios. hope images make sense you. the problem is, while lg scenario looks great , aligned properly, viewport changes, content of 2 columns start show misalignment. here html markup: <div class="container"> <div class="row row-centered"> <div class="col-sm-6 col-md-6 col-lg-6"> <div class="row row-centered"> <div class="hidden-xs hidden-sm hidden-md hidden-lg"></div> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <h2>header number 1</h2> </div> ...