標籤: bootstrap 頁1

bootstrap相關的文章,目前共收錄 15 篇內容。

HTMLrev:免費 HTML 樣板資源大全
網路資源

HTMLrev:免費 HTML 樣板資源大全

HTMLrev 是一個提供超過 1500 款免費 HTML 模板的網站,涵蓋網站、Landing Page、部落格、作品集、電子商務和儀表板等多種用途。該平台為開發者和設計師提供了多樣化的選擇,適用於各種框架如 Bootstrap、Tailwind、Bulma、Angular、React、Vue、Nextjs 等。

Screenshot to Code:只要上傳截圖就能透過 AI 轉換成 HTML 與 CSS
網路資源

Screenshot to Code:只要上傳截圖就能透過 AI 轉換成 HTML 與 CSS

Screenshot to Code 是一個簡單的應用程式,能夠將截圖轉換為程式碼(HTML/Tailwind CSS、React、Vue或Bootstrap)。它利用了GPT-4 Vision生成程式碼,以及DALL-E 3生成相似外觀的圖像。

Bootstrap Icons:Bootstrap 提供的 icon 服務
網路資源

Bootstrap Icons:Bootstrap 提供的 icon 服務

Bootstrap Icons 是 Bootstrap 提供的 icon 服務,可以透過這個服務輕鬆地把 icon 增加到網頁上。

[Bootstrap] 移除或改變點擊(focus)輸入欄位時出現的光暈
教學

[Bootstrap] 移除或改變點擊(focus)輸入欄位時出現的光暈

要移除 bootstrap 預設點擊時會有的藍色光暈效果,可以修改以下的 css 寫法。

All Bootstrap Blocks- 把 Bootstrap 讀入 WordPress 網站的套件,還可以客製化設定
網路資源

All Bootstrap Blocks- 把 Bootstrap 讀入 WordPress 網站的套件,還可以客製化設定

All Bootstrap Blocks 是一個 WordPress 裡很方便的 bootstrap 套件,平常有習慣用 bootstrap 寫網站的可以嘗試看看。

Bootstrap 5.x 使用 javascript 顯示與隱藏 Modal
教學

Bootstrap 5.x 使用 javascript 顯示與隱藏 Modal

說明在 Bootstrap 5.x 使用 javascript 顯示與隱藏 Modal 的方法。

透過 VS Code 的 Live Sass Compiler 客製化 Bootstrap 的 CSS
教學

透過 VS Code 的 Live Sass Compiler 客製化 Bootstrap 的 CSS

我們在網站要客製化 Bootstrap 的 CSS 其實最好是去修改 SCSS 會比較好,如果網站本身沒有編譯 SCSS 的環境,建議可以透過之前介紹的 VS Code 套件 Live Sass Compiler 來編譯,首先安裝完後,再去 Bootstrap 官網下載原始碼。

如何在 Bootstrap 的 button group 讓整組和容器等寬,且按鈕平分寬度
教學

如何在 Bootstrap 的 button group 讓整組和容器等寬,且按鈕平分寬度

如何在 Bootstrap 的 button group 讓整組和容器等寬,且按鈕平分寬度的方法。

在 WordPress 網站讀入 Bootstrap 的 CSS 或 JS
教學

在 WordPress 網站讀入 Bootstrap 的 CSS 或 JS

說明如何在 WordPress 使用 Bootstrap 的方法。

AdminKit- 免費 bootstrap5 管理介面樣版下載
網路資源

AdminKit- 免費 bootstrap5 管理介面樣版下載

AdminKit 是一個免費 bootstrap5 管理介面樣版下載的網站,也提供了許多額外付費下載的樣式及套件,有需要的可以使用看看。

[jQuery plugin] Bootstrap 4 的 Tag input
網路資源

[jQuery plugin] Bootstrap 4 的 Tag input

Bootstrap 應該是現在很多人做網站都會用到的 UI Framework,在第四版之後有些舊版的 plugin UI 支援上可能有問題,這個 tag input 的功能應該也是不少想做內容型的網站的朋友需要用到的,就跟大家分享一下支援 Bootstrap 4 的 Tag input。

COREUI- 免費的 bootstrap admin 樣版下載
網路資源

COREUI- 免費的 bootstrap admin 樣版下載

COREUI 提供了免費的 bootstrap admin 樣版下載,你也可以付費取得更進階的服務。

Resource Cards- 免費網路資源整理
網路資源

Resource Cards- 免費網路資源整理

Resource Cards 提供了免費網路資源整理。

Bootstrap- 當下最紅的 CSS 框架
網路資源

Bootstrap- 當下最紅的 CSS 框架

有稍微接觸過前端的朋友應該都有聽過大名鼎鼎的 Bootstrap,像這類的 CSS 框架的優點就是可以幫你快速處理好排版以及 RWD 的問題,另外還提供了一些內建的樣式幫助打造網站的基底,還沒用過的絕對值得你來嘗試看看。

透過 parcel 使用並修改 bootstrap 的 css
教學

透過 parcel 使用並修改 bootstrap 的 css

我們可以透過 scss 來幫助我們修改 bootstrap 的一些設定值,這邊就說明一下使用 parcel.js 來建構的方法。