2012-11-10 314 views
1

我只想問如何創建這種側欄。看看這個鏈接。Twitter Bootstrap可摺疊側欄

http://utopiaadmin.themio.net/dashboard.html

(左側導航),它是一種流體佈局使用Twitter的引導,也是它的可摺疊。在左側導航的此管理面板中有3個可摺疊的步驟。

  1. 圖標,文本爲(臺式機,筆記本電腦等)
  2. 圖標(平板電腦,iPad的等)
  3. 可摺疊列表(手機)

我試圖弄清楚怎麼辦這種流體,可摺疊側邊欄。但我仍然無法。所以,如果有人知道如何使用twitter bootstrap來做到這一點,請告訴我。

+1

引導利用的[媒體查詢(http://twitter.github.com/bootstrap/scaffolding.html#responsive)爲它的響應佈局。 – Ross

+0

很酷。那麼如何使用媒體查詢來摺疊?有沒有好的教程? –

回答

1

HUH ...終於弄清楚了。非常感謝@Ross

+4

雖然這可能在理論上回答這個問題,但[這將是更可取的](http://meta.stackexchange.com/q/8259)在這裏包含答案的基本部分,並提供供參考的鏈接。 –