bootstrap4 表單驗證狀態失效

2021-09-11 04:07:22 字數 319 閱讀 4984

在bootstrap3中,表單驗證狀態是在輸入元件父 div 中新增 .has-warning、.has-error  .has-success 等類,但是在 bootstrap4 中不再生效。

如:

input with warning

而在bootstrap4中,應該在輸入元件中加入 is-valid 類:

對映如下:

has-success --> is-valid

has-warning --> 沒有看到

has-error --> is-invalid

見官方文件:

BootStrap4 基礎模版

新建 html 頁面,複製下方 粘入 bootstrap4 基礎模版 doctype html en utf 8 viewport content width device width,initial scale 1,shrink to fit no stylesheet href hello,wo...

Bootstrap4教程導航

bootstrap4 教程 bootstrap4 安裝使用 bootstrap4 網格系統 bootstrap4 文字排版 bootstrap4 顏色 bootstrap4 bootstrap4 影象形狀 bootstrap4 jumbotron bootstrap4 資訊提示框 bootstrap...

使用SCSS擴充套件Bootstrap4

擴充套件參考 因為打算寫乙個小 而個人時間又不是那麼充裕,所以沒有選擇前後端分離的架構。對於非前後端分離應用來說,bootstrap應該是目前的最佳前端框架之一了。而bootstrap4,是bootstrap的最新版本,其更新內容中,有關自定義擴充套件的支援,相對來說要比以前方便很多。注 scss與...