📜  安装 mdbreact cdn - Html (1)

📅  最后修改于: 2023-12-03 15:39:05.190000             🧑  作者: Mango

安装 MDBReact CDN - HTML

介绍

MDBReact是一个React UI框架,它提供了丰富的UI组件和网页模板,可以帮助程序员快速搭建漂亮的Web应用。要使用MDBReact,程序员可以选择从CDN引入它的库,也可以使用npm安装它的组件。

本文将介绍如何使用CDN从官网引入MDBReact。

步骤
  1. 打开MDBReact的官网 https://mdbootstrap.com/docs/react/,在主页的右上角找到“Download”按钮,下拉菜单中选择“MDBReact CDN”。
  2. 复制链接中的CSS和JavaScript库。
  3. 在HTML文件中,使用<link>标签引入CSS库。例如:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/mdbreact@4.25.6/dist/css/mdb.min.css">
  1. 在HTML文件中,使用<script>标签引入JavaScript库。例如:
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/mdbreact@4.25.6/dist/mdbreact.min.js"></script>
  1. 在HTML文件中使用MDBReact的组件。例如:
<div>
  <MDBBtn>Click me!</MDBBtn>
</div>
注意事项
  • 引入的库版本应该与所使用的MDBReact版本相同,版本号可以在官网的文档中找到。
  • 在引入之前,要确保所使用的HTML文件已经加载完成。
  • 引入时要根据实际情况修改链接中的版本号。