網頁頁面排版的名稱或關鍵字

html css javascript bootstrap

柯柯 2020-06-03 13:42:17 ‧ 2629 瀏覽

分享至

想請問各位前輩
https://comcomrestore.org/?page_id=192
這個頁面的圖文的排版模式是甚麼有關鍵字可以查詢嗎

目前看原始碼是有bootstrap 的 row col 去排版
還有去算距離top left 那些排版方式是什麼

qpalzm iT邦研究生 5 級 ‧ 2020-06-03 13:53:37 檢舉

應該還有所謂的滾動視差(Parallax Scrolling)的特效

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

3 個回答

Jerry Huang

iT邦新手 4 級 ‧ 2020-06-03 21:18:03

最佳解答

這個應該是瀑布流方式的排版 ?

https://getbootstrap.com/docs/4.5/components/card/

在 Card columns 那邊，可以參考看看

回應 3
分享
檢舉

柯柯 iT邦新手 2 級 ‧ 2020-06-04 08:43:31 檢舉

謝謝原來叫瀑布

另外請問bootstrap3有這個嗎 3的網頁我沒搜到這個

Jerry Huang iT邦新手 4 級 ‧ 2020-06-04 21:59:32 檢舉

3 我沒印象有，好像是 4 才看到的 XD

另外也可以用 Masonry 這個關鍵字下去找找看瀑布流的排版唷

柯柯 iT邦新手 2 級 ‧ 2020-06-05 11:08:37 檢舉

好我再看看能不能直接用4 如果不能再用Masonry 處理好了ˊ

登入發表回應

通靈亡

iT邦高手 1 級 ‧ 2020-06-03 14:13:58

目前看原始碼是有bootstrap 的 row col 去排版

Bootstrap Grid System (BS3 使用Float，BS4使用Flexbox)
https://getbootstrap.com/docs/4.0/layout/grid/

還有去算距離top left 那些排版方式是什麼

Position 相對與絕對定位
https://zh-tw.learnlayout.com/position.html

回應
分享
檢舉

登入發表回應

㊣浩瀚星空㊣

iT邦大神 1 級 ‧ 2020-06-03 15:02:45

關鍵字「圖片自適應」「cms排版」「圖片自排」「版面佈置」

你提供的頁面看起來是自已用 bootstrap 自已排的。
倒沒看到用任何插件或是ui。

如果想拿現在的佈局。可查查「html佈景主題」「樣版」這些關鍵字。

回應 1
分享
檢舉

咖咖拉 iT邦好手 1 級 ‧ 2020-06-03 15:45:50 檢舉

這是wordpress 的版型

剛剛看了一下
高低不規則的版型
很多都是用這種方式來顯示

登入發表回應

我要發表回答

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22200 篇

完賽人數

602 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙