Skip to content

Latest commit

 

History

History
16 lines (12 loc) · 1 KB

Readme.md

File metadata and controls

16 lines (12 loc) · 1 KB

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