熱門Ptt文章

[爆卦]bootstrap斷點是什麼？優點缺點精華區懶人包

雖然這篇bootstrap斷點鄉民發文沒有被收入到精華區：在bootstrap斷點這個話題中，我們另外找到其它相關的精選爆讚文章

在 bootstrap斷點產品中有2篇Facebook貼文，粉絲數超過5,012的網紅卡斯伯，也在其Facebook貼文中提到， 相對於 Bootstrap 4 來說，我認為 v5 真正發揮特色的地方在於 “變數” 雖然 Sass 可以透過簡短的語法產生大量的 CSS 程式碼，但這也意味著 CSS 檔案會不斷地擴增。因此許多設計概念在 v4 都受到了限制，例如：不同間距的 gutter（v4 只有三種，而這三種已經讓 Boo...

「bootstrap斷點」的推薦目錄
  • 卡斯伯

    bootstrap斷點 在 卡斯伯 Facebook 的最讚貼文

    2021-09-23 11:39:30
    有 85 人按讚

    相對於 Bootstrap 4 來說，我認為 v5 真正發揮特色的地方在於 “變數”

    雖然 Sass 可以透過簡短的語法產生大量的 CSS 程式碼，但這也意味著 CSS 檔案會不斷地擴增。因此許多設計概念在 v4 都受到了限制，例如：不同間距的 gutter（v4 只有三種，而這三種已經讓 Bootstrap 額外佔用許多容量）。

    到了 v5 以後，除了原有的 Sass 之外，更靈活運用原生的 CSS 變數技巧，這些用法甚至會讓人感覺到「哇～原來變數可以這樣玩」。以格線系統來說，每次新增一種新的 gutter 僅需要增加 3 行 CSS（沒錯，包含 ClassName 就三行；至多不需要超過 5 行）

    傳統的 CSS，至少要 60 行以上才能達到此效果，而 CSS 變數的 3 行影響到：
    - 12 欄
    - 5 種中斷點的欄線
    - 外層 .row 的設計

    更詳細的 CSS 變數知識
    可參考此篇文章：https://wcc723.github.io/development/2021/09/22/css-variables-bootstrap/

  • 卡斯伯

    bootstrap斷點 在 卡斯伯 Facebook 的最讚貼文

    2021-02-05 21:32:08
    有 96 人按讚

    在 Ray Xu 及助教團的幫忙下
    六角的 Bootstrap 5 中文版翻譯完成！
    也透過翻譯及提早引入實戰
    Ray 也幫大家把 v5 及 v4 版本的主要差異通通列出來
    如果你是使用 v4，想知道如何快速轉 v5，看這份準沒錯

    重點摘要：
    - 捨棄 IE，jQuery 掰掰
    - right, left 消失！通通改用 start, end
    - data 屬性的調整，一律補上 data-bs-*
    - 新增中斷點，尺碼比衣服還多樣
    - 表單、格線多樣化

    文章連結：
    https://hsiangfeng.github.io/css/20210205/1934188738/

你可能也想看看

搜尋相關網站