浅谈Bootstrap Blazor组件的用法

PHP中文网 JavaScript 百度已收录

本文摘自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的常见面试题（总结）

bootstrap轮播太慢怎么设置

bootstrap导航栏怎么居中

bootstrap如何解决浏览器兼容性问题

浅谈使用bootstrap-datepicker插件实现日期录入处理功能

bootstrap怎么把div变成一个圆

extjs 和 bootstrap是什么

如何利用bootstrap分页

bootstrap4.5栅格系统的任意列问题怎么解决？

bootstrap怎么安装

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




标签：

打赏

取消

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

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

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

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

相关推荐

评论

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