Html Bootstrap 3更改全宽列顺序

我们的一位设计师创建了一个布局，其中页脚内容顺序从桌面更改为移动。我正在使用bootstrap，并希望尽可能简单地使用它。我相信以下是正确的标记，但它似乎不适用于全宽列

HTML

<div class="container">
    <div class="row">
        <div class="col-sm-12 col-sm-push-12">
            <div class="row">
                <div class="col-md-12">
                    <p>Ooo content</p>
                </div>
            </div>
        </div>
        <div class="col-sm-12 col-sm-pull-12">
            <div class="row">
                <div class="col-md-12">
                    <p>Ooo more content</p>
                </div>
            </div>
        </div>
    </div>
</div>

Ooo含量

更多内容

例如：

上述操作的目的是在应用

sm

时，将顶柱与底柱切换。但这似乎没有发生，一切都搞砸了

有没有其他方法可以使用bootstrap或一些简单的附加css来实现这一点，理想情况下，我希望避免重复内容和显示/隐藏或依赖Javascript

---

这里有一个类似的问题，但它没有回答这个问题：

已经有一个解决方案使用但不适用于100%宽度的列，下面的解决方案使用

Flexbox

方法

@介质（最大宽度：768px）{
.重新订购.排{
显示器：flex；
显示：-ms flex；
弯曲方向：立柱；
}
.reorder.row.item1{
顺序：2；
}
.reorder.row.item2{
顺序：1；
}
}

Ooo含量

更多内容

已经有一种解决方案使用了但不适用于100%宽度的列，下面的解决方案使用了

Flexbox

方法

@介质（最大宽度：768px）{
.重新订购.排{
显示器：flex；
显示：-ms flex；
弯曲方向：立柱；
}
.reorder.row.item1{
顺序：2；
}
.reorder.row.item2{
顺序：1；
}
}

Ooo含量

更多内容

已经有一种解决方案使用了但不适用于100%宽度的列，下面的解决方案使用了

Flexbox

方法

@介质（最大宽度：768px）{
.重新订购.排{
显示器：flex；
显示：-ms flex；
弯曲方向：立柱；
}
.reorder.row.item1{
顺序：2；
}
.reorder.row.item2{
顺序：1；
}
}

Ooo含量

更多内容

已经有一种解决方案使用了但不适用于100%宽度的列，下面的解决方案使用了

Flexbox

方法

@介质（最大宽度：768px）{
.重新订购.排{
显示器：flex；
显示：-ms flex；
弯曲方向：立柱；
}
.reorder.row.item1{
顺序：2；
}
.reorder.row.item2{
顺序：1；
}
}

Ooo含量

更多内容

创建一些css，如.small hidden和.small show添加两个div添加要切换的顶部和底部两个div。现在顶部和底部将切换。您可以使用@media screen和（最大宽度：720px）创建一些css，如.small hidden和.small show添加两个div添加要切换的顶部和底部两个div。现在顶部和底部将切换。您可以使用@media screen和（最大宽度：720px）创建一些css，如.small hidden和.small show添加两个div添加要切换的顶部和底部两个div。现在顶部和底部将切换。您可以使用@media screen和（最大宽度：720px）创建一些css，如.small hidden和.small show添加两个div添加要切换的顶部和底部两个div。现在顶部和底部将切换。您可以使用@media screen和（最大宽度：720px）这非常好，不适用于较旧的浏览器，但我想我可以使用一些JS作为备用。是的。但是Flexbox是供将来使用的：）此外，引导重新排序在宽度为12/12的列上不起作用。这很好，不适用于较旧的浏览器，但我想我可以使用一些JS作为后备。是的。但是Flexbox是供将来使用的：）此外，引导重新排序在宽度为12/12的列上不起作用。这很好，不适用于较旧的浏览器，但我想我可以使用一些JS作为后备。是的。但是Flexbox是供将来使用的：）此外，引导重新排序在宽度为12/12的列上不起作用。这很好，不适用于较旧的浏览器，但我想我可以使用一些JS作为后备。是的。但是Flexbox是供将来使用的：）而且引导重新排序在宽度为12/12的列上不起作用