Bootstrap introduced their icons collection in November 2019 as Bootstrap Icons (v1.0.0-alpha). At that time, they had only 213 icons. As of January 2022, they’ve 1500+ icons in their library. You can use Bootstrap Icons with or without Bootstrap in any project.
To include Bootstrap Icons in a sass file is simple. You just have to make sure you used the correct font files’ location in $bootstrap-icons-font-src variable –
$bootstrap-icons-font-src: url("../webfonts/bootstrap-icons.woff2") format("woff2"),
url("../webfonts/bootstrap-icons.woff") format("woff");
@import "~bootstrap-icons/font/bootstrap-icons.scss";Today I will share a snippet I've used in a project. Using that function, you…
JavaScript AJAX (Asynchronous JavaScript and XML) is a technique that gives the ability to send…
By default, Bootstrap carousel has no way to add animations to carousel elements. Here I'm…
Laravel comes up with a paginator that generates HTML compatible with the Tailwind CSS framework.…
To create autocomplete feature for input field(s), HTML's datalist tag can be the easiest solution.…
Gulp is a toolkit to automate & enhance our workflow. Most of the time, I…
View Comments
I blog often and I seriously appreciate your information. This great article has truly peaked my interest. I will take a note of your site and keep checking for new information about once per week. I opted in for your Feed too.