Twitter bootstrap flexbox包装顺序和带引导的组

不一定是一个引导问题，虽然我是用引导4来做这件事的。。。我正在用引导建立一个顶级导航。在顶部导航中，我有几个组件，我想控制它们在屏幕变窄时如何包装

我有点挣扎，因为我想要实现的包装行为决不是默认的，我也不知道该怎么做或者是否可能

在大屏幕上，我会看到这样的内容：

A和B是左对齐的，而C、D和E是右对齐的。

当屏幕缩小一点时，我会看到：

进一步缩小范围：

缩小范围更多：

---

我只是不知道如何得到包装顺序和理由。我尝试过将各种组件与div组合在一起，但似乎没有任何效果。

启动mobile并相应地使用

offset-*

和

order-*

类。对于每一个断点，您需要将

偏移量-*

和

顺序-*

重置为

*-0

A.
B
C
D
E

您的尝试是什么？订单和mediaquerie？不确定您希望最终结果是什么。你想让所有的骰子列都以相等的宽度彼此相邻吗？Bootstrap4有用于排序的类…'order-1“order-sm-2”等制作一个片段或一把小提琴，我们可以编辑它以向您展示。请发布您尝试的代码。