twitter-bootstrap-4

You can add the my-auto class to the parent <div class=”col-md-6″> to achieve this. This class sets automatic margins on the y-axis, see the link above for more details. It would look like this: <link href=”https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css” rel=”stylesheet”/> <div class=”container”> <div class=”row”> <div class=”col-xs-6 my-auto”> <span>Text to center</span> </div> <div class=”col-xs-6″> <h1>Hello</h1> <h1>Hello</h1> <h1>Hello</h1> </div> </div> … Read more

Bootstrap 5 (update 2021) Bootstrap 5 has new gutter classes that are specifically designed to adjust the gutter for an entire row. Additionally, there is now the concept of vertical gutters to adjust the vertical spacing between rows and columns that wrap inside each row. use g-0 for no gutters use g-(1-5) to adjust horizontal … Read more

You can use the flex-xs-middle class like this.. Bootstrap 4 Alpha 5 <div class=”container-fluid”> <div class=”row”> <div class=”col-xs-6″> <div class=”circle-medium backgrounds”></div> </div> <div class=”col-xs-6 flex-xs-middle”> <div class=”name”>Supplier</div> </div> </div> <div class=”row”> <div class=”col-xs-6″> <div class=”circle-medium backgrounds”></div> </div> <div class=”col-xs-6 flex-xs-middle”> <div class=”name”>Supplier</div> </div> </div> </div> http://www.codeply.com/go/PNNaNCB4T5 (Using the Bootstrap 4 flexbox enabled CSS) Bootstrap 4 … Read more