1
我爲我的響應式網站創建了一個功能。它由包含標題的圖像旋轉木馬組成。在桌面上，我絕對顯示標題。包含標題和段落的div位於圖像頂部，佔用40％的寬度。Twitter Bootstrap響應式CSS選擇器
當用戶使用平板電腦或手機時，我想以100％的寬度相對顯示標題。這使得文字出現在更適合較小屏幕尺寸的圖像下。
這樣做的兩種方法是用不同的css類複製代碼 - 一個與visible-desktop類相關，另一個與類hidden-desktop的絕對div相關。另一種方法是使用JavaScript切換一個類。
我在想，如果我可以用純粹的CSS來達到上述目的，那將會很棒。像.desktop .carousel-caption {這是可能的。
詳細也許你可以只使用媒體查詢，並在相關媒體查詢輸入您不同的代碼。 Bootstrap的媒體查詢在此處詳述：http：//twitter.github.com/bootstrap/scaffolding.html#responsive – 2013-02-22 11:07:46
哦！優秀！！像魅力一樣工作！ – Deco 2013-02-22 11:18:41