Twitter bootstrap 引导4列与ml自动右对齐

我想向右对齐导航，但使用

.ml auto

和

.d-flex

不起作用，我不明白为什么

由于Bootstrap4.x已经将Flexbox布局应用于其导航组件，您需要依赖面向Flexbox的对齐实用程序。对于您要求的所描述的行为，您可以只选择一个附加类：
justify content end








如果检查元素，则列之间没有“空”空间来添加边距，因为两列都使用完整的12个插槽；相反，您应该将
ml auto
类放置在
ul
元素中，该元素未使用全部可用宽度，并且可以在其父元素内部移动

另一个选项实际上是使用Bootstrap提供的flex实用程序来对齐和调整flex容器中的内容

编辑：
因为你需要的是保持输入的大小；您可以将该列设置为
col auto
，这将使该列仅使用包含其元素所需的空间；然后在另一列中，您可以使用
col
，这样它就可以使用所有剩余的空间，而无需设置特定数量的插槽；最后，您可以再次在
ul
元素上使用flex实用程序，如
justify content end
，使其固定在右侧

有许多选项可以将大小应用于列，读取









但没有响应：（我需要在stackoverflow中如何做：您最初的问题没有表明响应行为是必要的。也就是说，
justify content-*
受到响应断点的影响，如果您查看了我链接的文档，您就会知道。但是我如何做到响应？现在看起来很糟糕：（您对“响应的"？您期望的行为是什么？它正在按照引导标准重新zizing它应该如何调整页面标签上stackoverflow中的大小？您不清楚，您在代码段上的大小调整与标签页面上的大小调整有什么不同？我需要输入不调整大小，stackoverflow上的大小调整如何。现在您的输入是调整大小，如果屏幕显示为ze<500，则输入很小。