Javascript 引导4文件输入不工作

我在php项目中使用的是mdbootstrap（Bootstrap4）免费版本。所以它不允许我使用类型文件的输入。因此，我想在该项目中使用Bootstrap3仅用于文件上载功能

代码详情如下： 我已经创建了一个模板文件。因此，我在下面一行呈现所需的视图：

材料设计引导
bootstrap4的材料设计

<form>
  <div class="file-field">
    <div class="btn btn-primary btn-sm">
        <span>Choose file</span>
        <input type="file">
    </div>
    <div class="file-path-wrapper">
       <input class="file-path validate" type="text" placeholder="Upload your file">
    </div>
  </div>
</form>


选择文件

引导程序3-输入文件格式

 <div class="form-group">
  <label for="exampleInputFile">File input</label>
  <input type="file" id="exampleInputFile">
  <p class="help-block">Example block-level help text here.</p>
</div>


文件输入
此处为块级帮助文本示例

当您尝试这两种解决方案中的一种时会发生什么？控制台中是否有错误消息？
确保已从BS3样式表复制代码中的组件，并添加到BS4样式表中。是否已尝试在php所需的文件中使用bootstrap3中的组件？我不能这样做。如果我这样做，它将改变我的网站外观。@Mile是的，我已经尝试在bootstrap3中上传文件。但在mdbootstrap中，它不允许我使用文件输入。@Shashikant，MDB的文件输入是一个高级组件，在MDB Free中不可用。资料来源：
 <div class="form-group">
  <label for="exampleInputFile">File input</label>
  <input type="file" id="exampleInputFile">
  <p class="help-block">Example block-level help text here.</p>
</div>