Bootstrap 3.0：在较小的屏幕上对齐元素

Question

我有两个这样的div

<div class="row">
    <div class="col-sm-3 col-xs-12"><img></div>
    <div class="col-sm-9 col-xs-12"><p></p></div>
</div>

在小于480px的较小屏幕上，我想在 img 之前显示

，我尝试使用浮动，但这不起作用。

您能指导我该怎么做。