BlazorStrap

screenshot of BlazorStrap
bootstrap

Bootstrap 4 Components for Blazor Framework

Overview

BlazorStrap is a set of Bootstrap 4/5 components for Blazor that can be easily installed using NuGet packages. This tool provides components for both Blazor WebAssembly and Blazor Server-Side applications to enhance the user interface design and functionality.

Features

  • Bootstrap Components: Offers a wide range of Bootstrap components for Blazor applications.
  • Core Package: Handles all logic and JSInterop functionalities for Blazor applications.
  • Version Support: Supports Bootstrap 4 and Bootstrap 5 versions with pre-release packages available.

For Blazor WebAssembly

  1. Download BlazorStrap package from NuGet: nuget.
  2. Download BlazorStrap.V5 package from NuGet: nuget.
  3. Ensure both packages are of the same version.
  4. Modify your index.html:
    • Inside the <head>, add:
      <link href="YourAssemblyName.styles.css" rel="stylesheet">
      <link href="path_to_bootstrap.min.css" rel="stylesheet" integrity="if_needed">
      
    • At the end of the <body>, add:
bootstrap
Bootstrap

Bootstrap is the most popular CSS Framework for developing responsive and mobile-first websites.