I am trying to re-align columns in bootstrap, but so far unsuccessfully. This is how it appears in desktop view which is fine desktop view. Here is how it looks when condensed in size tablet view. I would like the owner gateway column to swap places with the logged in column.
html:
<div class="col-xs-4 col-sm-4 col-lg-3" id="logo">
<img src="http://f.cl.ly/items/2B2c3t3d0N0r1F0F1m05/logo-white.png" class="img-responsive">
</div>
<div class="col-xs-8 col-sm-4 col-lg-6" id="main-title">
<h1 class="title">Owner Gateway</h1>
</div>
<div class="col-xs-4 col-sm-4 col-lg-3 " id="logged-in">
<p class="logged">Logged in as Mr Jones</p>
<p class="log">Log out</p>
</div>
</div>
Thanks in advance.