JSFiddle - React, Tailwind, and code Playground

HTML

<div class="row">
    <div class="col-lg-2 col-md-2" style="border:solid 5px red">elements 1</div>
    <div class="col-lg-2 col-md-2" style="border:solid 1px red">
         <div class="pull-right">
            elements 2 ( want this to align left on xs and sm )
         </div>
    </div>
</div>

CSS

@import url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css');