![]() For shift-h, positive values will move the icon to the right, while negative values will move it left. To move icons on the horizontal and/or vertical axis, use the shift-h and shift-v props with any arbitrary numeric value, including decimals.įor shift-v, positive values will move the icon upwards, while negative values will move the icon downwards. Shifting affects icon location without changing or moving the svg container. If you need to have the background and/or border scale with the icon, use the font-scale prop instead. i.e icon 'alert-circle-fill' is exported as BIconAlertCircleFill, icon 'x' is exported as BIconX, and icon 'x-square-fill' is exported as BIconXSquareFill. To change the color of the icon, refer to the Variants section, and to change the size of the icon refer to the Sizing section.Īll icons are exported with the name in PascalCase, prefixed with BIcon. Icons inherit the current font color and font size from their parent container element. Bootstrap Icons v1.5.0 were added in BootstrapVue v2.22.0.īootstrapVue icons are not automatically installed when using BootstrapVue in your project, you must explicitly include them.Bootstrap Icons v1.4.1 were added in BootstrapVue v2.22.0.Bootstrap Icons v1.4.0 were added in BootstrapVue v2.22.0.Bootstrap Icons v1.3.0 were added in BootstrapVue v2.22.0.Bootstrap Icons v1.2.0 were added in BootstrapVue v2.21.0.Bootstrap Icons v1.1.0 were added in BootstrapVue v2.19.0.Bootstrap Icons v1.0.0 were added in BootstrapVue v2.17.0.Bootstrap Icons v1.0.0-alpha5 were added in BootstrapVue v2.16.0.Bootstrap Icons v1.0.0-alpha4 were added in BootstrapVue v2.15.0. ![]() Bootstrap Icons v1.0.0-alpha3 were added in BootstrapVue v2.8.0. ![]() ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |