Html 利用推/拉的引导嵌套列

我正在编写一个使用嵌套引导列的页面。我使用推/拉功能在手机上切换栏目位置，效果很好。然而，在桌面上，我有一些奇怪的间距问题。嵌套列偏移到父列的右侧

我已经建立了一个显示这种行为的模型。在本例中，col-md-9是父div。我给了它一个金色背景以显示其行为。调整输出大小时，嵌套的div将按预期的方式就位。对此问题的任何见解都将不胜感激

2017年10月4日
文本文本文本文本文本

您的大型视频应该是

class=“col-xs-12 col-md-8 col-md-push-4”

你的小视频应该是

class=“col-xs-12 col-md-4 col-md-pull-8”

2017年10月4日
文本文本文本文本文本文本文本

当您在引导中使用

拉

和

推

类时，使用备用

列

，以便您需要使用：

col-xs-8 col-md-8 col-md-push-4

而不是

col-xs-12 col-md-8 col-md-push-8

及

col-xs-4 col-md-4 col-md-pull-8

而不是

col-xs-12 col-md-4 col-md-pull-4

2017年10月4日
文本文本文本文本文本文本文本

谢谢您的跟进，但这不是我想要的。红色列需要在桌面视图的左侧，在移动设备视图的右侧。我会更新我的帖子以增加清晰性。好的，更新我的答案。。。只需更改小屏幕类

colxs-

即可。这就是答案。真的很感激！