Create unordered list with Bootstrap icon
Does anyone know how to create unordered list using Bootstrap icons? It’s possible with Fontawesome, but I can’t figure out how to do it with Bootstrap icons.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Answer ( 1 )
Create an unordered list. It’s best to wrap it inside a div like this:
Here I added a class “bi_ul” to the div. Also don’t forget to can in the icons.
First remove the default list style:
You can also add some padding to the list items so they are not too close to each other:
Then you need to add a pseudo element to each list items like this:
The important thing is the value of the content. You can get the code of the icon from the individual icon page from the bootstrap icon site.
With this, you should see something like this: