Bootstrap file upload

<form>
  <div class="form-group">
    <label for="exampleFormControlFile1">Example file input</label>
    <input type="file" class="form-control-file" id="exampleFormControlFile1">
  </div>
</form>

Source: getbootstrap.com

Bootstrap 4 file upload

<form>
  <div class="form-group row">
    <label for="staticEmail" class="col-sm-2 col-form-label">Email</label>
    <div class="col-sm-10">
      <input type="text" readonly class="form-control-plaintext" id="staticEmail" value="email@example.com">
    </div>
  </div>
  <div class="form-group row">
    <label for="inputPassword" class="col-sm-2 col-form-label">Password</label>
    <div class="col-sm-10">
      <input type="password" class="form-control" id="inputPassword" placeholder="Password">
    </div>
  </div>
</form>

Source: getbootstrap.com

Bootstrap4 file upload

<div class="input-group">
  <div class="input-group-prepend">
    <span class="input-group-text" id="inputGroupFileAddon01">Upload</span>
  </div>
  <div class="custom-file">
    <input type="file" class="custom-file-input" id="inputGroupFile01"
      aria-describedby="inputGroupFileAddon01">
    <label class="custom-file-label" for="inputGroupFile01">Choose file</label>
  </div>
</div>

Source: mdbootstrap.com

Similar codes

0 vote228 views1 answer
Dynamically fill bootstrap card
Javascript Bootstrap
0 vote269 views1 answer
Toast notification angular bootstrap 8
Javascript Bootstrap
0 vote188 views1 answer
React-bootstrap problem-install new version
Javascript Bootstrap
0 vote203 views1 answer
Wp_enqueue_script bootstrap
Javascript Bootstrap
42 votes254 views5 answers
Npm bootstrap
CSS Bootstrap
14 votes227 views4 answers
Text align left bootstrap
CSS Bootstrap
12 votes198 views5 answers
Bootstrap copy to clipboard
Javascript Bootstrap
0 vote241 views2 answers
./node_modules/bootstrap/dist/js/bootstrap.bundle.js
Javascript Bootstrap
3 votes198 views1 answer
Bootstrap 3 offset
CSS Bootstrap
126 votes298 views5 answers
React Bootstrap css import
CSS Bootstrap