Is it possible to use Bootstrap icons for bullet points with CSS? I am aware that FontAwesome can be used for this purpose, but I would like to confirm if the same can be achieved using Bootstrap.
Though there is a method using:
<ul>
<li><i class="bi bi-check"></i> Buy Milk</li>
<li><i class="bi bi-check"></i> Buy Egg</li>
<li><i class="bi bi-check"></i> Buy Bread</li>
</ul>
I prefer to achieve this through CSS, similar to using FontAwesome as shown in this example:
<style>
ul li:before {
font-family: 'FontAwesome';
content: '\f00c';
margin:0 5px 0 -15px;
color: #f00;
}
</style>
<ul>
<li>Buy Milk</li>
<li>Buy Egg</li>
<li>Buy Bread</li>
</ul>
If it's feasible with Bootstrap, I'd like to learn how. Otherwise, I'm open to utilizing either of the methods mentioned above. Could you please advise on this?