What is the Bootstrap Icons Code Point?

Asked 1 months ago, Updated 1 months ago, 3 views

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


© 2022 OneMinuteCode. All rights reserved.