How do i make Bootstrap columns responsive on all devices?
<p>I'm currently developing a Login/Register page but I need help with the columns. The page currently looks like this on desktop 1920x180: <a href="http://prntscr.com/cl4ms8" rel="nofollow">http://prntscr.com/cl4ms8</a></p>

<p>I am using <code>&lt;div class="col-xs-6"&gt;</code> on both of the forms so they are evenly split on the page. How would I go across making it so it will be responsive on all devices as it currently looks like this on an iPhone 6: <a href="http://prntscr.com/cl4ndb" rel="nofollow">http://prntscr.com/cl4ndb</a></p>