I've utilized Dropzone.js for a few years now and have an application that's been functioning smoothly. There are three buttons being used.
<span class="btn btn-success fileinput-button">
<i class="glyphicon glyphicon-plus"></i>
<span>Browse files...</span>
</span>
<button class="btn btn-primary start">
<i class="glyphicon glyphicon-upload"></i>
<span>Start</span>
</button>
<button data-dz-remove class="btn btn-danger delete">
<i class="glyphicon glyphicon-trash"></i>
<span>Remove</span>
</button>
I've been using Bootstrap 3.1.1 from cdn.jsdelivr.net and everything has been working perfectly. The buttons appear like this:
https://i.sstatic.net/JpQdLMN2.jpg
Now, I'd like to incorporate a modal but it's not compatible with Bootstrap 3.1.1
If I switch to Bootstrap css from cdn.jsdelivr.net, the buttons look different as shown here:
https://i.sstatic.net/4aQNeT4L.jpg
The modal functions, however, the button color is slightly off and the glyphicons are missing.
I aim to use the most up-to-date version of Bootstrap css. When I switch to Bootstrap 5.3.3 from cdn.jsdelivr.net, the buttons turn out like this:
https://i.sstatic.net/KUCXz8Gy.jpg
The modal works but once again, the button colors are slightly different and the glyphicons are no longer visible. Furthermore, the Remove button only shows an outline without any fill.
How can I implement Bootstrap 5.3.3 css while restoring the original button colors and glyphicons?
In the end, I would like to customize my own colored buttons with either glyphicons or font-awesome icons. Is this feasible?