Is it supposed to work in theory? I'm attempting to float this box to the right on a row with 3 columns. What am I doing incorrectly here?
Here is a pen: https://codepen.io/lucky500/pen/JbMMby
<div class="container">
<div class="row">
<div class="column col-xs-4 pull-xs-left">
<div class="card card-block">
<h4 class="card-title">Card title</h4>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
<a href="#" class="card-link">Card link</a>
<a href="#" class="card-link">Another link</a>
</div>
</div>
</div>
</div>
Any assistance would be greatly appreciated!