Αποτελέσματα Αναζήτησης
2 Ιουλ 2021 · I am trying to build the Web application using the Vue.JS and within my application, I am trying to use the [Bootstrap Icons][1]. But for some reason even after adding the icons, they do not appear on the screen. I did the following steps: Install Bootstrap Icons into the application: npm install bootstrap-icons
24 Μαρ 2022 · We recommend using a width: 1em (and optionally height: 1em) for easy resizing via font-size. You can do this with CSS using font-size or by using the Bootstrap font-size classes: So if using an embedded SVG, change width (and optionally height) to 1em and add a class of fs-3 (for example):
2 Αυγ 2020 · When I use any JS-module with NPM, I include it into my .js file with require(""). How can I do the same with Bootstrap icons and include them into .html?
26 Δεκ 2021 · font-weight does not work with the Bootstrap 5 Icon Font. As the Bootstrap Icon documentation mentions, styling is very limited. Styling Color can be changed by setting a .text-* class or custom CSS. You can apply a hack by using the non-standard -webkit-text-stroke, which will resemble bold text. .bi-hover-bold:hover {.
22 Ιουν 2017 · I'm developing an angularjs app using bootstrap as the UI. I've downloaded a tutorial from YouTube which i'm following and the problem i'm facing is my icon is not showing up.
7 Ιαν 2021 · Here is the cleanest way I found to make Boostrap Icons work with Webpack 5 (and scss): Step 1: install Bootstrap icons with NPM:
17 Μαΐ 2017 · 4. I need to display the bootstrap Glyphicons before the element in which the .normal-text class has been used: I am trying with the following but it shows the code instead the icon. .normal-text{. border-left-width: 1px !important; font-size: 110% !important; color: #100cce;
26 Μαρ 2022 · I am having issues with bootstrap 5 not showing certain icons. The bi-search shows perfect, but bi-send does not appear at all. I would normally put this in a code snippet, but the feature does not look to be available anymore so bear with me as I post the html that replicates this issue:
1 Φεβ 2024 · I wrote how to do this over here. Choose which Bootstrap Icon you want. Copy the SVG code to your clipboard. URL encode the SVG. copy one of the existing styles such as .bi-list-nested-nav-menu in NavMenu.razor.css, give it a new name. Paste in the URL-encoded SVG code after “data:image/svg+xml, in your new style.
Then I copied the "bootstrap-icons.css" file from the "font" folder of the "bootstrap-icons-(version number)" folder to my project's css folder, the minified one "bootstrap-icons.min.css" would work too. Here's my basic website project structure after moving the files:
