bootstrap input file

Bootstrap Input File

To create a file input control with Bootstrap, you can use the following HTML code:

<div class="input-group">
  <div class="custom-file">
    <input type="file" class="custom-file-input" id="inputGroupFile04">
    <label class="custom-file-label" for="inputGroupFile04">Choose file</label>
  </div>
  <div class="input-group-append">
    <button class="btn btn-outline-secondary" type="button">Button</button>
  </div>
</div>

This code creates a file input control with Bootstrap styling. When a file is selected, the name of the file will be displayed as the label for the input control.

[[SOURCE #10]]