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

2 votes144 views1 answer
Can't import react bootstrap
Javascript Bootstrap
1 vote172 views1 answer
Shopping cart small icon code react-bootstrap 4.6 fa fas
Javascript Bootstrap
0 vote84 views1 answer
UseBootstrapPrefixhttp://localhost:8000/static/js/bundle.js:15261:75
Javascript Bootstrap
0 vote144 views3 answers
How to Set focus to first text input in a bootstrap modal after shown
Javascript Bootstrap
0 vote139 views1 answer
Wp_enqueue_script bootstrap
Javascript Bootstrap
0 vote136 views1 answer
Datatble tab bootstrap 4
Javascript Bootstrap
0 vote151 views2 answers
Fixed footer in Bootstrap
CSS Bootstrap
0 vote156 views1 answer
Css bootstrap carousel fade how to add fade in up text
CSS Bootstrap
0 vote153 views1 answer
Background image for div in grid system bootstrap
CSS Bootstrap
1 vote146 views1 answer
Bootstrap card hover effect
CSS Bootstrap