在3个断点处重新排序Bootstrap列

Question

我看过很多关于在2个断点处重新订购Bootstrap列的帖子，但是 3 呢？我正试图实现这个目标：

桌面：
[A] [B] [C]

平板电脑：
[A] [C]
[B]

电话：
[A]
[B]
[C]

[fiddle]https://jsfiddle.net/cristenrh/h4s5mqe9/20/>fiddle</a>

我尝试了各种“推”和“拉”设置，但到目前为止还没有运气。感谢