更新（2018年2月）-v4 +
现在，引导程序已经发布，您可以使用order
实用程序类，就像在Beta版中一样（参见下面的旧更新），可以实现，区别在于他们添加了这3个新类：
.order-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1;}.order-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13;}.order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0;}片段
.p-2 { background: red; border: white 5px solid}<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" /><div > <div >1</div> <div >2</div></div>旧更新（OCT 2017）-v4.0.0 beta
在测试版中，您可以使用引导程序中的flexbox实用程序来执行此操作，例如flex-
order
（请参阅@ZimSystem的答案-以查看具有Alpha版本的解决方案）
.p-2 { background: red; border: white 5px solid}<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" rel="stylesheet" /><div > <div >1</div> <div >2</div></div>
