Why cant I align these two divs next to each other?

I am trying to align two images next to each other in a footer using bootstrap however they keep appearing with the correct offsetting but one is below the other and I don't understand why.

<div class="row">
        <div class="col-xs-offset-5 col-xs-1">
            <a  href="http://ift.tt/2pepUld">
                <img src="Insta_link.png">
            </a>    
        </div>
        <div class="col-xs-offset-6 col-xs-1" id="twitter_img">
            <a href="https://twitter.com/Adsthelad345">
                <img src="twitter_link.png">
            </a>
        </div>
    </div>

Help is always appreciated.