使用BootStrap嵌套Div堆棧順序

Question

我知道如何使用推拉類更改堆棧順序，但據我所知（並嘗試過），只有當您有兩列時才能使用。 在我的設計中，我有一個帶有一個嵌套在左上角的框的容器。我希望在移動設備上查看時，它在容器內容下。

這裏是它是如何在桌面上的草圖：https://db.tt/nZGvCih0

而且這是我希望它看起來移動：https://db.tt/Td6PlwT5

眼下盒是在容器內容的頂部。

（我使用的是引導3，並且不希望用js）

Answer 1

我想你可以隱藏的div和顯示其他DIV同時加載在更小的設備。檢查此鏈接了它可以幫助你 http://getbootstrap.com/css/#responsive-utilities

謝謝

Answer 2

你正在尋找的是'float：bottom'css和唉我的朋友，沒有（Ref：How can I position my div at the bottom of its container?）。

有，你可以考慮幾種選擇：

1. 創建兩個div「內容」，一個針對移動和一個桌面。你可以使用@sunilkjt提到的響應式工具分別隱藏它們。
2. 使用CSS3響應式媒體查詢在移動時在div'框上執行'position: absolute'，因此將其置於底部。

如果您向我們提供您的html/css，我可以創建一個適合您需要的jsfiddle。