bootstra4 自带输入控件 例如电子邮件验证，号码选择等

Question

# ## 图中提示控件怎么修改？bootstrap这部分js在源码哪个位置？

Answer 1

参考GPT和自己的思路：

关于 Bootstrap4 自带输入控件的修改，可以通过使用相关的 CSS 样式来进行自定义，也可以通过 JavaScript 来修改默认的功能。

对于上图中的电子邮件验证控件，可以使用 Bootstrap 提供的 .is-valid 和 .is-invalid 类来修改验证状态的样式，

例如，使用下面的 CSS 样式来修改验证成功时的样式：

/* 修改验证成功时的样式 */
.custom-email-input.is-valid {
  border-color: #28a745;
}
.custom-email-input .valid-feedback {
  display: block;
}

同样，也可以使用下面的 CSS 样式来修改验证失败时的样式：

/* 修改验证失败时的样式 */
.custom-email-input.is-invalid {
  border-color: #dc3545;
}
.custom-email-input .invalid-feedback {
  display: block;
}

对于号码选择控件，Bootstrap4 自带的输入控件并没有直接支持号码选择的功能，如果要实现号码选择，可以使用第三方插件，例如 intl-tel-input ，也可以通过 JavaScript 自定义实现。

关于 Bootstrap4 的 JavaScript 文件，通常在使用时我们只需要引入 bootstrap.min.js 或 bootstrap.bundle.min.js 即可，这些文件在下载 Bootstrap 时就会自带。您可以在 Bootstrap 的官方网站上下载最新的版本。