iT邦幫忙

2

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

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

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

qpalzm iT邦新手 1 級 ‧ 2020-06-03 13:53:37 檢舉
應該還有所謂的滾動視差(Parallax Scrolling)的特效
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中
2
Jerry Huang
iT邦新手 4 級 ‧ 2020-06-03 21:18:03
最佳解答

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

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

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

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

謝謝 原來叫瀑布

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

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

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

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

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

1
通靈亡
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

2

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

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

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

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

這是wordpress 的版型

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

我要發表回答

立即登入回答