![]() ![]() ![]() ![]() |
|||||
|
|||||
樓主 Happy Wang ![]()
![]() |
小弟近期開始接觸RWD,利用了Bootstrap來練習切版 想要做到在視窗寬度大於某數值時效果是 <圖片><文字><圖片><文字> 再縮小一點後變成 <圖片><文字> <圖片><文字> 最小時是 <圖片> <文字> <圖片> <文字> 依這種構想後我寫成這樣 當視窗最大跟最小時得到的效果都是我要的,但當視窗縮到中間程度卻變成這樣 ![]() 上網找了不少的template,但都沒有我要的效果 所以想上來問問前輩們的經驗 謝謝!! |
1樓
作者回應
Happy Wang ![]() |
不好意思補充一下
程式碼是有兩組相同的,因為相同所以這邊只貼上一組 謝謝~
本篇文章回覆於2016-09-03 13:58
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔-- |
2樓
最有價值解答
彩虹 ![]() |
如果你要達到效果的話
1.請在每一組外面再包一個<div>,「class="col-md-12 col-lg-6"」 2.內層的<div>只要使用「class="col-md-6"」即可 整體如下:
本篇文章回覆於2016-09-03 17:47
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔-- |
3樓
作者回應
Happy Wang ![]() |
彩虹 大
可以了!! 謝謝您 ! 覺得很神奇,為什麼內層寫6也可以把文字擠下去呢? 我以為會各半呢
本篇文章回覆於2016-09-03 21:07
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔-- |
4樓 |
col-md-6
1.當「width >= md」時,都會以「grid 6」的方式顯示 2.當「width < md」 時,自然就會變成 12 所以「col-sm-12」就可以省略不寫 我再舉個例子 「class="col-lg-6 col-md-12 col-sm-12"」等同於「class="col-lg-6"」 因為當width<lg的時候,grid都會是12,所以可以省略不寫
本篇文章回覆於2016-09-03 21:30
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔-- |
5樓
作者回應
Happy Wang ![]() |
彩虹 大
好的,大致上瞭解了! 謝謝您的指導!
本篇文章回覆於2016-09-04 11:35
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔-- |
回覆 |
如要回應,請先登入. |