<div class="row flex-items-xs-left">
<div class="col-xs-4">
<span class="clr-example-col-value">
.col-xs-4
</span>
</div>
<div class="col-xs-4">
<span class="clr-example-col-value">
.col-xs-4
</span>
</div>
</div>
<div class="row flex-items-xs-center">
<div class="col-xs-4">
<span class="clr-example-col-value">
.col-xs-4
</span>
</div>
<div class="col-xs-4">
<span class="clr-example-col-value">
.col-xs-4
</span>
</div>
</div>
<div class="row flex-items-xs-right">
<div class="col-xs-4">
<span class="clr-example-col-value">
.col-xs-4
</span>
</div>
<div class="col-xs-4">
<span class="clr-example-col-value">
.col-xs-4
</span>
</div>
</div>
<div class="row flex-items-xs-around">
<div class="col-xs-4">
<span class="clr-example-col-value">
.col-xs-4
</span>
</div>
<div class="col-xs-4">
<span class="clr-example-col-value">
.col-xs-4
</span>
</div>
</div>
<div class="row flex-items-xs-between">
<div class="col-xs-4">
<span class="clr-example-col-value">
.col-xs-4
</span>
</div>
<div class="col-xs-4">
<span class="clr-example-col-value">
.col-xs-4
</span>
</div>
</div>