Skip to content

windperson/BlazorBootstrapIconsdDemo

Repository files navigation

Using Bootstrap Icons in ASP.NET Core Blazor project

Resulting screen shot

This repository demonstrate how to use Bootstrap Icons in ASP.NET Core Project:

  1. Download the Bootstrap Icons zip file distribution
  2. Using curl or browser to download the bootstrap-icons.css in to the wwwroot\lib\bootstrap-icons folder in project:
    Curl download bootstrap-icons.css file
  3. Extract the fonts folder from the zip file distribution into the wwwroot\lib\bootstrap-icons\fonts folder in project, like following structure:
    project files structure
  4. Add CSS reference in Pages\_Host.cshtml file:
    Add CSS reference in _Host.cshtml
  5. Use Icon font notation in razor files:
    Use icon font notation in razor file

About

Demo using Bootstrap Icons in ASP.NET Core Blazor project

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published