浅谈Bootstrap Blazor组件的用法


本文摘自PHP中文网,作者青灯夜游,侵删。

本篇文章给大家介绍一下Bootstrap Blazor组件的用法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

相关推荐:《bootstrap教程》

Bootstrap Blazor 是一套企业级 UI 组件库,适配移动端支持各种主流浏览器,已经在多个交付项目中使用。通过本套组件可以大大缩短开发周期,节约开发成本。目前已经开发、封装了 70 多个组件,欢迎有兴趣的同学试用。

Gitee 开源地址为:https://gitee.com/LongbowEnterprise/BootstrapBlazor
Github 开源地址为:https://github.com/ArgoZhang/BootstrapBlazor

在线演示网站:https://www.blazor.zone

安装指南

  • 安装 dotnet SDK 传送门
  • 安装 Visual Studio 2019 v16.8+ 传送门

项目模板

1、安装模板

dotnet new -i Bootstrap.Blazor.Templates::*

2、使用项目模板创建新项目

dotnet new bbapp

bbapp 是 BootstrapBlazor App 的缩写

3、卸载项目模板

dotnet new -u Bootstrap.Blazor.Templates

现有项目中集成 BootstrapBlazor

1、从 Nuget.org 获取 BootstrapBlazor 包

dotnet add package BootstrapBlazor

2、添加样式文件与脚本到项目文件中 Pages/_Host.cshtml (Server) or wwwroot/index.html (WebAssembly)

HTML

1

2

3

4

5

6

7

8

9

10

11

12

<!DOCTYPE html>

<html lang="en">

<head>

    . . .

    <link rel="stylesheet" href="_content/BootstrapBlazor/css/bootstrap.blazor.bundle.min.css">

</head>

<body>

    . . .

    <script src="_framework/blazor.server.js"></script>

    <script src="_content/BootstrapBlazor/js/bootstrap.blazor.bundle.min.js"></script>

</body>

</html>

3、注册服务 ~/Startup.cs

C#

阅读剩余部分

相关阅读 >>

浅谈查看bootstrap和jquery版本对应关系的方法

bootstrap是哪家开发的

一般用bootstrap干什么用的

bootstrap插件有哪些

bootstrap分页怎么实现的

bootstrap怎么删除图标

bootstrap table实现定时刷新数据的方法

bootstrap有cdn吗

bootstrap是哪个组织创建的

bootstrap收费吗

更多相关阅读请进入《bootstrap》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...