Css 引导网格布局在桌面上包裹列

Css 引导网格布局在桌面上包裹列,css,twitter-bootstrap,mobile-website,Css,Twitter Bootstrap,Mobile Website,我有一个侧边栏,我想成为移动设备上的一组列,但桌面或平板电脑上的一个列。 我只是不知道如何处理这个,就像 我甚至不知道该搜索什么,“大屏幕上的引导包装栏”之类的东西都找不到有用的东西。始终先启动“移动”,然后创建所需的移动布局。然后进行调整以获得所需的桌面布局 您可以使用嵌套和列顺序(推拉)类来反转桌面上的布局 <div class="container-fluid"> <div class="row"> <div class="push-m

我有一个侧边栏,我想成为移动设备上的一组列,但桌面或平板电脑上的一个列。 我只是不知道如何处理这个,就像

我甚至不知道该搜索什么,“大屏幕上的引导包装栏”之类的东西都找不到有用的东西。

始终先启动“移动”,然后创建所需的移动布局。然后进行调整以获得所需的桌面布局

您可以使用嵌套和列顺序(推拉)类来反转桌面上的布局

<div class="container-fluid">
    <div class="row">
        <div class="push-md-9 col-md-3">
            <div class="row">
                <div class="col-md-12 col-4">
                    .
                </div>
                <div class="col-md-12 col-4">
                    .
                </div>
                <div class="col-md-12 col-4">
                    .
                </div>
            </div>
        </div>
        <div class="col-md-9 pull-md-3 col-12">
            .
        </div>
    </div>
</div>

.
.
.
.

发布您已经发布的代码tried@ZimSystem我没有代码,我不知道如何处理这个问题。我知道如何使用基本的网格布局,我所知道的一切都不适用于这里。@ZimSystem是的,我在问如何从小屏幕上的一组列转到大屏幕上的垂直组。这不是bootstrap文档讨论的问题。在减小尺寸时,将一组列包装成一个垂直堆栈是非常简单的,我正试图找出在增大尺寸时如何做到这一点。。因此,从这开始,发布代码并具体解释为什么它不起作用。您只需要展示一些自己解决问题的努力。@ZimSystem是的,在大多数问题中,展示一些代码将是一个很好的建议。但在这种情况下,我不确定在引导中是否可行,如果基本方法是我没有的,那么将代码扔到墙上也不会有帮助。我所做的所有努力都是为了找到例子,除非你想要我的搜索历史,否则没有一个好的方法来证明我的努力。你真的知道怎么做吗?啊,我明白了。非常感谢。我没有想过使用
col-md-12
。这正是我想要的。很抱歉问了这个糟糕的问题,我只需要轻轻推一下。(或者只是完整的答案,如您所提供的)Bootstrap 3版本,如果您想将其附加到您的答案中: