Bootstrap 5 drag and drop file upload snippets: a hand-crafted, open-source Bootstrap 5 utility. HTML, CSS & JS included, ready to copy.
1<div class="container p-y-1">
2 <div class="row m-b-1">
3 <div class="col-sm-6 offset-sm-3">
4 <button type="button" class="btn btn-success w-100" onclick="document.getElementById('inputFile').click()">Add Image</button>
5 <div class="mb-3 inputDnD">
6 <label class="visually-hidden" for="inputFile">File Upload</label>
7 <input type="file" class="form-control text-success font-weight-bold" id="inputFile" accept="image/*" onchange="readUrl(this)" data-title="Drag and drop a file">
8 </div>
9 </div>
10 </div>
11</div>
Auto move mouse cursor snippet
Auto move mouse cursor snippet: a hand-crafted, open-source Bootstrap 5 utility. HTML, CSS & JS included, ready to copy.
Bootstrap 5 Ecommerce Product Detail Page Design snippet
Free Bootstrap 5 utility snippet — Bootstrap 5 Ecommerce Product Detail Page Design snippet. Preview, copy HTML & CSS, drop it into any Bootstrap 5 project.
Bootstrap 5 Ecommerce single product page design template
Free Bootstrap 5 utility snippet — Bootstrap 5 Ecommerce single product page design template. Preview, copy HTML & CSS, drop it into any Bootstrap 5 project.
Hand-crafted Tailwind CSS components — HTML or React, copy-paste ready, with live previews. Free forever, MIT licensed, no sign-up to use.
24
Components
57
Views
6
Likes
Trending now
More Bootstrap snippets developers are viewing this week.
Comments(0)
No comments yet — be the first to start the discussion.
Sign in to join the conversation.