input下方打开一个模态框

input下方打开一个模态框具体步骤如下：

1、在input下方添加一个div元素，用于显示模态框的内容。

2、设置模态框的样式，包括宽度、高度、背景颜色和位置等。

3、监听input的focus事件，当input获得焦点时，显示模态框。当input失去焦点时，隐藏模态框。

1.1、登录bootstrap官网，点击下载Bootstrap

1.2、导入对应的样式文件css

1.3、导入对应的js，需要导入bootstrap.js或者bootstrap.min.js文件，bootstrap的前提是jquery，所以我们要在导入bootstrap.js前面导入jquery.min.js

对应导入代码：

<!--导入样式-->

<link href="Bootstrap/css/bootstrap-theme.css" rel="stylesheet"/>

<link href="Bootstrap/css/bootstrap-theme.min.css" rel="stylesheet" />

<link href="Bootstrap/css/bootstrap.css" rel="stylesheet"/>

<link href="Bootstrap/css/bootstrap.min.css" rel="stylesheet"/>

---