What is the Bootstrap Icons Code Point?

If you look at the icon information from the Bootstrap Icons page, you will see a screen similar to the following.

src=

What do you mean by Code point?

It says Unicode, CSS, JS, HTML, and so on, but of course it doesn't reflect this.

What kind of usage is it supposed to be?

html css bootstrap

2022-09-30 11:52

1 Answers

I only know how to use CSS.

First load the CDN to make Bootstrap Icons available.

In the CSS, specify bootstrap-icons for fontfamily, and then specify the CSS code point for content. In other words, write HTML in the head element as follows.

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<style>
    h3::before{
        font-family: 'Bootstrap-icons';
        content: '\F120';
    }
</style>

Then you can see that the icon is displayed in the h3 element as specified.

Non-CSS code points are still under investigation.

2022-09-30 11:52

If you have any answers or tips

Popular Tags

python x 4628

android x 1593

java x 1493

javascript x 1425

c x 924

c++ x 877

ruby-on-rails x 696

php x 692

python3 x 683

html x 656