0+

编码元素

从按钮到输入、导航栏、警报或卡片，您都可以找到

0+

设计模块

混合各个部分、更改颜色并释放您的创造力

0

页面

当您使用我们为您的网站预制的页面时，可以节省 3-4 周的工作时间

感受
材料套件

您在开发中所需的所有 Bootstrap 组件都已重新设计，具有新的外观。

了解更多

从原型设计到功能齐全的代码，您将节省大量时间，因为所有元素都已实现。

从标题开始

完整文档

由开发人员为开发人员构建。检查基础知识，您将在我们的文档中找到所有内容。

Bootstrap 5 就绪

世界上最受欢迎的前端开源工具包，以 Sass 变量和 mixin 为特色。

节省时间和金钱

由专门的设计师从头开始创建您的设计可能会非常昂贵。从我们的设计系统开始。

完全响应式

无论屏幕尺寸如何，网站内容自然会适合给定的分辨率。

无限组合

大量的章节集合

我们创建了多个选项供您组合和自定义像素完美的页面。

元素

70 多个精心制作的小元素，具有多种颜色和形状。这些只是其中的一小部分。

按钮颜色

预览
代码

复制

   类=“行文本中心 py-3 mt-3”>
   类=“col-12 mx-自动”>
    
    <按钮 类型=“按钮” 类=“btn btn-主要 w-auto me-1 mb-0”>主要
    
    <按钮 类型=“按钮” 类=“btn btn-辅助 w-auto me-1 mb-0”>中学
    
    <按钮 类型=“按钮” 类=“btn btn-info w-auto me-1 mb-0”>信息
    
    <按钮 类型=“按钮” 类=“btn btn-成功w-auto me-1 mb-0”>成功
    
    <按钮 类型=“按钮” 类=“btn btn-警告 w-auto me-1 mb-0”>警告
    
    <按钮 类型=“按钮” 类=“btn btn-危险 w-auto me-1 mb-0”>危险
    
    <按钮 类型=“按钮” 类=“btn btn-light w-auto me-1 mb-0”>光
    
    <按钮 类型=“按钮” 类=“btn btn-暗 w-auto me-1 mb-0”>黑暗
    
    <按钮 类型=“按钮” 类=“btn btn-白色 w-auto me-1 mb-0”>白色

按钮渐变

预览
代码

复制

   类=“行文本中心 py-3 mt-3”>
   类=“col-12 mx-自动”>
    
    <按钮 类型=“按钮” 类=“btn bg-gradient-primary w-auto me-1 mb-0”>主要
    
    <按钮 类型=“按钮” 类=“btn bg-梯度-辅助 w-auto me-1 mb-0”>中学
    
    <按钮 类型=“按钮” 类=“btn bg-gradient-info w-auto me-1 mb-0”>信息
    
    <按钮 类型=“按钮” 类=“btn bg-梯度-成功 w-auto me-1 mb-0”>成功
    
    <按钮 类型=“按钮” 类=“btn bg-梯度警告 w-auto me-1 mb-0”>警告
    
    <按钮 类型=“按钮” 类=“btn bg-梯度-危险 w-auto me-1 mb-0”>危险
    
    <按钮 类型=“按钮” 类=“btn bg-gradient-light w-auto me-1 mb-0”>光
    
    <按钮 类型=“按钮” 类=“btn bg-gradient-dark w-auto me-1 mb-0”>黑暗
    
    <按钮 类型=“按钮” 类=“btn bg-渐变-白色 w-auto me-1 mb-0”>白色

按钮轮廓

预览
代码

复制

   类=“行文本中心 py-3 mt-3”>
   类=“col-12 mx-自动”>
    
    <按钮 类型=“按钮” 类=“btn btn-大纲-主要 mb-0”>主要
    
    <按钮 类型=“按钮” 类=“btn btn-大纲-次要 mb-0”>中学
    
    <按钮 类型=“按钮” 类=“btn btn-大纲-信息 mb-0”>信息
    
    <按钮 类型=“按钮” 类=“btn btn-大纲-成功 mb-0”>成功
    
    <按钮 类型=“按钮” 类=“btn btn-大纲-警告 mb-0”>警告
    
    <按钮 类型=“按钮” 类=“btn btn-大纲-危险 mb-0”>危险
    
    <按钮 类型=“按钮” 类=“btn btn-轮廓-light mb-0”>光
    
    <按钮 类型=“按钮” 类=“btn btn-轮廓-暗 mb-0”>黑暗
    
    <按钮 类型=“按钮” 类=“btn btn-轮廓-白色 mb-0”>白色

纽扣尺寸

预览
代码

复制

   类=“行文本中心 py-2 mt-3”>
   类=“col-12 mx-自动”>
    <按钮 类型=“按钮” 类=“btn bg-梯度-主 btn-sm me-2”>小
    <按钮 类型=“按钮” 类=“btn bg-gradient-primary w-auto me-2”>默认
    <按钮 类型=“按钮” 类=“btn bg-渐变-主 btn-lg”>大

按钮图标

预览
代码

复制

   类=“行文本中心 py-2 mt-3”>
   类=“col-12 mx-自动”>
    <按钮 类=“btn bg-渐变-主 btn-图标 btn-sm” 类型=“按钮”>
       类=“d-flex 对齐项目中心”>
        <我 类=“材质图标 me-2” 咏叹调隐藏=“真实”>最喜欢的
        小


    

    <按钮 类=“btn bg-渐变-主 btn-图标” 类型=“按钮”>
       类=“d-flex 对齐项目中心”>
        <我 类=“材质图标 me-2” 咏叹调隐藏=“真实”>最喜欢的
        默认


    

    <按钮 类=“btn bg-渐变-主 btn-图标 btn-lg” 类型=“按钮”>
       类=“d-flex 对齐项目中心”>
        <我 类=“材质图标 me-2” 咏叹调隐藏=“真实”>最喜欢的
        大

复选框

预览
代码

复制

   类=“行文本中心 py-2 mt-3”>
   类=“col-3 mx-自动文本开始”>
     类=“表格检查”>
      <输入 类=“表单-检查-输入” 类型=“复选框” 值="" 编号=“flexCheck默认”>
      <标签 类=“表单检查标签” 对于=“flexCheck默认”>
        默认复选框


     类=“表格检查”>
      <输入 类=“表单-检查-输入” 类型=“复选框” 值="" 编号=“flexCheck检查” 检查过>
      <标签 类=“表单检查标签” 对于=“flexCheck检查”>
        选中复选框

收音机

预览
代码

复制

   类=“行文本中心 py-2 mt-3”>
   类=“col-3 mx-自动文本开始”>
     类=“表格检查”>
      <输入 类=“表单-检查-输入” 类型=“收音机” 名字=“flexRadio默认” 编号=“flexRadio默认1”>
      <标签 类=“表单检查标签” 对于=“flexRadio默认1”>
        默认收音机


     类=“表格检查”>
      <输入 类=“表单-检查-输入” 类型=“收音机” 名字=“flexRadio默认” 编号=“flexRadio默认2” 检查过>
      <标签 类=“表单检查标签” 对于=“flexRadio默认2”>
        默认选中的无线电

切换

预览
代码

复制

   类=“容器 py-3 mt-3”>
   类=“行”>
     类=“col-4 mx-自动”>
       类=“表单检查表单开关 ps-0”>
        <输入 类=“表单检查输入 ms-auto mt-1” 类型=“复选框” 编号=“flexSwitchCheck默认”>
        <标签 类=“表单检查标签 ms-2” 对于=“flexSwitchCheck默认”>记住我

徽章

预览
代码

复制

   类=“容器”>
   类=“行文本中心 py-3 mt-3”>
     类=“第 12 号栏”>
      <跨度 类=“徽章背景梯度-主”>主要
      <跨度 类=“徽章背景梯度二级”>中学
      <跨度 类=“徽章背景梯度成功”>成功
      <跨度 类=“徽章 bg-梯度-危险”>危险
      <跨度 类=“徽章背景梯度警告”>警告
      <跨度 类=“徽章背景梯度信息”>信息
      <跨度 类=“徽章背景-渐变-浅色文本-深色”>光
      <跨度 类=“徽章背景-渐变-暗”>黑暗

头像

预览
代码

复制

   类=“行文本中心 py-3 mt-3”>
   类=“第 12 号栏”>
     类=“头像组”>
      <一 链接=“javascript:;” 类=“头像头像-lg圆角” 数据-bs-切换=“工具提示” 数据-bs-放置=“底部” 标题=“瑞恩·汤普森”>
        <图片 替代=“图像占位符” 源="./assets/img/team-1.jpg">
      
      <一 链接=“javascript:;” 类=“头像头像-lg圆角” 数据-bs-切换=“工具提示” 数据-bs-放置=“底部” 标题=“罗米娜·哈迪德”>
        <图片 替代=“图像占位符” 源="./assets/img/team-2.jpg">
      
      <一 链接=“javascript:;” 类=“头像头像-lg圆角” 数据-bs-切换=“工具提示” 数据-bs-放置=“底部” 标题=“亚历山大·史密斯”>
        <图片 替代=“图像占位符” 源="./assets/img/team-3.jpg">
      
      <一 链接=“javascript:;” 类=“头像头像-lg圆角” 数据-bs-切换=“工具提示” 数据-bs-放置=“底部” 标题=“杰西卡·多伊”>
        <图片 替代=“图像占位符” 源="./assets/img/team-4.jpg">

头像尺寸

预览
代码

复制

   类=“行文本中心 py-3 mt-3”>
   类=“第 12 号栏”>
    <一 链接=“javascript:;” 类=“头像头像-xs 圆角”>
      <图片 替代=“图像占位符” 源="./assets/img/team-4.jpg">
    
    <一 链接=“javascript:;” 类=“头像头像-sm圆圆”>
      <图片 替代=“图像占位符” 源="./assets/img/team-4.jpg">
    
    <一 链接=“javascript:;” 类=“头像圆形”>
      <图片 替代=“图像占位符” 源="./assets/img/team-4.jpg">
    
    <一 链接=“javascript:;” 类=“头像头像-lg圆角”>
      <图片 替代=“图像占位符” 源="./assets/img/team-4.jpg">
    
    <一 链接=“javascript:;” 类=“头像头像-XL圆角”>
      <图片 替代=“图像占位符” 源="./assets/img/team-4.jpg">

面包屑

预览
代码

复制

   类=“容器 py-2 mt-2”>
   类=“行”>
     类=“col-8 mx-自动”>
      <导航 咏叹调标签=“面包屑”>
         类=“面包屑”>
          <李 类=“面包屑项目处于活动状态” 当前咏叹调=“页面”>首页
        
      
      <导航 咏叹调标签=“面包屑”>
         类=“面包屑”>
          <李 类=“面包屑项目”><一个 链接=“javascript:;”>首页
          <李 类=“面包屑项目处于活动状态” 当前咏叹调=“页面”>作品集
        
      
      <导航 咏叹调标签=“面包屑”>
         类=“面包屑”>
          <李 类=“面包屑项目”><一个 链接=“javascript:;”>首页
          <李 类=“面包屑项目”><一个 链接=“javascript:;”>作品集
          <李 类=“面包屑项目处于活动状态” 当前咏叹调=“页面”>文章

进度条

预览
代码

复制

   类=“容器”>
   类=“行 py-3 mt-4”>
     类=“col-8 mx-自动”>
       类=“进展mb-3”>
         类=“进度条 bg-primary” 角色=“进度条” 风格=“宽度：50%” 咏叹调值现在="50" 咏叹调值最小值="0" 咏叹调-valuemax="100">


       类=“进展mb-3”>
         类=“进度条背景-次要” 角色=“进度条” 风格=“宽度：50%” 咏叹调值现在="50" 咏叹调值最小值="0" 咏叹调-valuemax="100">


       类=“进展mb-3”>
         类=“进度条背景-成功” 角色=“进度条” 风格=“宽度：50%” 咏叹调值现在="50" 咏叹调值最小值="0" 咏叹调-valuemax="100">


       类=“进展mb-3”>
         类=“进度条背景信息” 角色=“进度条” 风格=“宽度：50%” 咏叹调值现在="50" 咏叹调值最小值="0" 咏叹调-valuemax="100">
      
       类=“进展mb-3”>
         类=“进度条背景警告” 角色=“进度条” 风格=“宽度：50%” 咏叹调值现在="50" 咏叹调值最小值="0" 咏叹调-valuemax="100">
      
       类=“进展mb-3”>
         类=“进度条背景危险” 角色=“进度条” 风格=“宽度：50%” 咏叹调值现在="50" 咏叹调值最小值="0" 咏叹调-valuemax="100">
      
       类=“进展mb-3”>
         类=“进度条背景-黑暗” 角色=“进度条” 风格=“宽度：50%” 咏叹调值现在="50" 咏叹调值最小值="0" 咏叹调-valuemax="100">

版式

文本操作和插入所需的 6 个以上元素

字体系列衬线

预览
代码

复制

  
 类=“容器流体文本无衬线”>
   类=“行 py-3 对齐项目中心”>
     类=“col-sm-3”>
      <小 类=“文本大写字体粗细”>标题 1



     类=“col-sm-9”>
       类=“mb-0”>H1材料套件



   类=“行 py-3 对齐项目中心”>
     类=“col-sm-3”>
      <小 类=“文本大写字体粗细”>标题 2



     类=“col-sm-9”>
       类=“mb-0”>H2 材料套件



   类=“行 py-3 对齐项目中心”>
     类=“col-sm-3”>
      <小 类=“文本大写字体粗细”>标题 3



     类=“col-sm-9”>
       类=“mb-0”>H3材料套件


  

   类=“行 py-3 对齐项目中心”>
     类=“col-sm-3”>
      <小 类=“文本大写字体粗细”>标题 4
    

     类=“col-sm-9”>
       类=“mb-0”>H4材料套件
    
  

   类=“行 py-3 对齐项目中心”>
     类=“col-sm-3”>
      <小 类=“文本大写字体粗细”>标题 5
    

     类=“col-sm-9”>
       类=“mb-0”>H5材料套件
    
  

   类=“行 py-3 对齐项目中心”>
     类=“col-sm-3”>
      <小 类=“文本大写字体粗细”>标题 6
    

     类=“col-sm-9”>
       类=“mb-0”>H6材料套件
    
  

   类=“行 py-3 对齐项目中心”>
     类=“col-sm-3”>
      <小 类=“文本大写字体粗细”>段落
    

     类=“col-sm-9”>
       类=“mb-0”>
        我将成为一家最终价值数十亿美元的公司的领导者，因为我得到了答案。我了解文化。我是核心。我认为'我有责任推动可能性，向人们展示，这就是事情可以达到的水平。
      
    
  

   类=“行 py-3 对齐项目中心”>
     类=“col-sm-3”>
      <小 类=“文本大写字体粗细”>引导文本
    

     类=“col-sm-9”>
       类=“引导mb-0”>
        我将成为一家最终价值数十亿美元的公司的领导者，因为我得到了答案。我了解文化。我是核心。我认为'我有责任推动可能性，向人们展示，这就是事情可以达到的水平。
      
    
  

   类=“行 py-3 对齐项目中心”>
     类=“col-sm-3”>
      <小 类=“文本大写字体粗细”>小
    

     类=“col-sm-9”>
       类=“文本-sm mb-0”>
        我将成为一家最终价值数十亿美元的公司的领导者，因为我得到了答案。我了解文化。我是核心。我认为'我有责任推动可能性，向人们展示，这就是事情可以达到的水平。
      
    
  

   类=“行 py-3 对齐项目中心”>
     类=“col-sm-3”>
      <小 类=“文本大写字体粗细”>微小的
    

     类=“col-sm-9”>
       类=“文本-xs mb-0”>
        我将成为一家最终价值数十亿美元的公司的领导者，因为我得到了答案。我了解文化。我是核心。我认为'我有责任推动可能性，向人们展示，这就是事情可以达到的水平。

引人注目

4+ 完全编码的组件，可从屏幕的不同位置弹出

警报

预览
代码

复制

   类=“容器”>
   类=“行 py-3”>
     类=“警报警报-主要文本-白色字体-粗细” 角色=“警报”>
      一个简单的主要警报 - 检查一下！


     类=“警报警报-辅助文本-白色字体-粗细” 角色=“警报”>
      一个简单的二级警报——检查一下！


     类=“警报警报-成功文本-白色字体-粗体” 角色=“警报”>
      一个简单的成功警报 - 看看吧！


     类=“警报警报-危险文本-白色字体-粗体” 角色=“警报”>
      一个简单的危险警报——检查一下！


     类=“警报警报-警告文本-白色字体-粗体” 角色=“警报”>
      一个简单的警告警报——检查一下！


     类=“警报警报信息文本-白色字体粗体” 角色=“警报”>
      一个简单的信息提醒——检查一下！


     类=“警报警报-浅色文本-白色字体-粗体” 角色=“警报”>
      一个简单的灯光警报——检查一下！


     类=“警报警报-深色文本-白色字体-粗细” 角色=“警报”>
      一个简单的黑暗警报——看看吧！

工具提示

预览
代码

复制

   类=“容器”>
   类=“行 py-5 mt-3 文本中心”>
    
      <按钮 类型=“按钮” 类=“btn 背景梯度-二级” 数据-bs-切换=“工具提示” 数据-bs-放置=“顶” 标题=“工具提示位于顶部”>
        顶部的工具提示
      
      <按钮 类型=“按钮” 类=“btn 背景梯度-二级” 数据-bs-切换=“工具提示” 数据-bs-放置=“对” 标题=“右侧的工具提示”>
        右侧的工具提示
      
      <按钮 类型=“按钮” 类=“btn 背景梯度-二级” 数据-bs-切换=“工具提示” 数据-bs-放置=“底部” 标题=“底部的工具提示”>
        底部的工具提示
      
      <按钮 类型=“按钮” 类=“btn 背景梯度-二级” 数据-bs-切换=“工具提示” 数据-bs-放置=“左” 标题=“左侧的工具提示”>
        左侧的工具提示




  
  <脚本>
    变量 工具提示触发器列表 = [].切片.打电话(文件.查询选择器全部('[data-bs-toggle="工具提示"]'))
    变量 工具提示列表 = 工具提示触发器列表.地图(功能 (工具提示触发El) {
      返回 新的 引导程序.工具提示(工具提示触发El)
    })

爆米花

预览
代码

复制

   类=“容器”>
   类=“行 py-7 mt-2 文本中心”>
    
      <按钮 类型=“按钮” 类=“btn bg-梯度-次要 mb-0” 数据-bs-容器=“身体” 数据-bs-切换=“弹出窗口” 数据-bs-放置=“顶” 数据 bs 内容=“这是人们被控制的主要东西！思想——他们对自己的看法！”>
        顶部弹出窗口
      

      <按钮 类型=“按钮” 类=“btn bg-梯度-次要 mb-0” 数据-bs-容器=“身体” 数据-bs-切换=“弹出窗口” 数据-bs-放置=“对” 数据 bs 内容=“我们并不总是处于我们想要的位置。”>
        右侧弹出窗口
      

      <按钮 类型=“按钮” 类=“btn bg-梯度-次要 mb-0” 数据-bs-容器=“身体” 标题=“带有标题的弹出窗口” 数据-bs-切换=“弹出窗口” 数据-bs-放置=“底部” 数据 bs 内容=“很多人直到过去才珍惜这一刻。”>
        底部弹出窗口
      

      <按钮 类型=“按钮” 类=“btn bg-梯度-次要 mb-0” 数据-bs-容器=“身体” 数据-bs-切换=“弹出窗口” 数据-bs-放置=“左” 数据 bs 内容=“这确实很重要，但又好像真的不重要。重要的是那些被它激发的人。”>
        左侧弹出窗口



  
  <脚本>
    变量 弹出触发列表 = [].切片.打电话(文件.查询选择器全部('[data-bs-toggle="popover"]'))
    变量 弹出列表 = 弹出触发列表.地图(功能 (弹出框触发El) {
      返回 新的 引导程序.弹出窗口(弹出框触发El)
    })

莫代尔

预览
代码

复制

   类=“容器 py-7”>
   类=“mt-3行”>
     类=“col-sm-4 col-6 mx-auto”>
      
      <按钮 类型=“按钮” 类=“btn bg-梯度-主” 数据-bs-切换=“模态” 数据-bs-目标=“#exampleModal”>
        启动演示模式
      

      
       类=“模态淡入淡出” 编号=“示例模态” 标签索引="-1" 咏叹调标记者=“示例模态标签” 咏叹调隐藏=“真实”>
         类=“模态对话框”>
           类=“模态内容”>
             类=“模态标题”>
               类=“模态标题” 编号=“示例模态标签”>你的模态标题
              <按钮 类型=“按钮” 类=“btn-关闭” 数据-bs-解雇=“模态” 咏叹调标签=“关闭”>


             类=“模态体”>
              社会对什么是对什么是错设置了如此多的界限，如此多的限制，以至于几乎不可能得到一个纯粹的思考。
              


              这就像一个小孩子，一个小男孩，看着颜色，没有人告诉他什么颜色好，然后有人告诉你你不应该喜欢粉红色，因为那是女孩的，否则你会立即成为一个两岁的同性恋。


             类=“模态页脚对齐内容之间”>
              <按钮 类型=“按钮” 类=“btn bg-渐变-暗” 数据-bs-解雇=“模态”>关闭
              <按钮 类型=“按钮” 类=“btn bg-梯度-主”>保存更改

日期选择器

预览
代码

复制

  
 类=“行 py-3”>
   类=“col-md-6 mx-自动”>
     类=“行”>
       类=“col-lg-6 mx-auto col-md-8 col-sm-5”>
         类=“输入组输入组静态”>
          <跨度 类=“输入组文本”><我 类=“fas fa 日历”>
          <输入 类=“表单控制日期选择器” 占位符=“请选择日期” 类型=“文字” >



  
<脚本>
  如果 (文件.查询选择器(".日期选择器")) {
     平面选取器(".日期选择器", {});
  }

  
<导航 类=“导航栏 导航栏-展开-lg 导航栏-浅色 bg-白色 py-3”>
   类=“容器”>
    <一 类=“导航栏品牌” 链接="https://demos.creative-tim.com/material-kit/presentation" 相对=“工具提示” 标题=“由创意蒂姆设计和编码” 数据放置=“底部” 目标=“_空白”>
      材料套件2
    
    <按钮 类=“导航栏切换器阴影无 MS-2” 类型=“按钮” 数据-bs-切换=“崩溃” 数据-bs-目标=“#导航” 咏叹调控制=“导航” 咏叹调扩展=“假” 咏叹调标签=“切换导航”>
      <跨度 类=“导航栏切换器图标 mt-2”>
        <跨度 类=“导航栏切换栏 bar1”>
        <跨度 类=“导航栏切换栏 bar2”>
        <跨度 类=“导航栏切换栏 bar3”>
      
    
     类=“折叠导航栏-折叠 w-100 pt-3 pb-2 py-lg-0 ms-lg-12 ps-lg-5” 编号=“导航”>
       类=“导航栏-导航栏-导航栏-悬停w-100”>
        <李 类=“导航项下拉菜单下拉悬停 mx-2 ms-lg-5”>
          <一 类=“nav-link ps-2 光标指针 d-flex 对齐项目中心” 编号=“下拉菜单页面1” 数据-bs-切换=“下拉菜单” 咏叹调扩展=“假”>
            <我 类=“材质图标不透明-6 me-2 文本-md”>仪表板
            页面
            <图片 源="./assets/img/down-arrow-dark.svg" 替代=“向下箭头” 类=“箭头 MS-自动 MS-MD-2”>
          
           类=“下拉菜单下拉菜单动画 ms-n3 下拉-md p-3 边框半径-lg mt-0 mt-lg-3” 咏叹调标记者=“下拉菜单页面1”>
             类=“d-无 d-lg-块”>
  <一 链接=“javascript:;” 类=“下拉项边框半径-md”>
    关于我们
  
  <一 链接=“javascript:;” 类=“下拉项边框半径-md”>
    联系我们
  
  <一 链接=“javascript:;” 类=“下拉项边框半径-md”>
    作者
  
  <一 链接=“javascript:;” 类=“下拉项边框半径-md”>
    登录



 类=“d-lg-无”>
  <一 链接=“javascript:;” 类=“下拉项边框半径-md”>
    关于我们
  
  <一 链接=“javascript:;” 类=“下拉项边框半径-md”>
    联系我们
  
  <一 链接=“javascript:;” 类=“下拉项边框半径-md”>
    作者
  
  <一 链接=“javascript:;” 类=“下拉项边框半径-md”>
    登录


        

        <李 类=“导航项下拉下拉菜单悬停 mx-2”>
          <一 类=“nav-link ps-2 d-flex 光标指针对齐项目中心” 编号=“下拉菜单块” 数据-bs-切换=“下拉菜单” 咏叹调扩展=“假”>
            <我 类=“材质图标不透明-6 me-2 文本-md”>查看日
            部分
            <图片 源="./assets/img/down-arrow-dark.svg" 替代=“向下箭头” 类=“箭头 MS-自动 MS-MD-2”>
          
           类=“下拉菜单下拉菜单动画下拉-lg下拉-lg-响应p-3边框-半径-lg mt-0 mt-lg-3” 咏叹调标记者=“下拉菜单块”>
             类=“d-无 d-lg-块”>
  <李 类=“导航项下拉下拉菜单悬停下拉子项目”>
    <一 类=“下拉项 py-2 ps-3 边框半径-md” 链接=“./presentation.html”>
       类=“d-柔性”>
         类=“图标 h-10 me-3 d-flex mt-1”>
          <我 类=“ni ni-single-copy-04 文本渐变文本主”>


         类=“w-100 d-flex 对齐项目中心对齐内容之间”>
          
             类=“下拉标题文本-深色字体-粗体-粗体 d-flex 对齐-内容-中心对齐-项目-中心 p-0”>页面部分
            <跨度 类=“短信”>查看全部 109 个部分
          

          <图片 源="./assets/img/down-arrow.svg" 替代=“向下箭头” 类=“箭头”>


    
     类=“下拉菜单 mt-0 py-3 px-2 mt-3” 咏叹调标记者=“页面部分”>
      <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
        页眉
      
      <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
        功能
      
      <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
        价格
      
      <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
        常见问题
      
      <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
        博客文章
      
      <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
        客户评价
      
      <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
        团队
      
      <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
        统计数据
      
      <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
        号召性用语
      
      <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
        标志区域



 类=“行 d-lg-无”>
   类=“col-md-12”>
     类=“d-flex mb-2”>
       类=“图标 h-10 me-3 d-flex mt-1”>
        <我 类=“ni ni-single-copy-04 文本渐变文本主”>
      
       类=“w-100 d-flex 对齐项目中心对齐内容之间”>
        
           类=“下拉标题文本-深色字体-粗体-粗体 d-flex 对齐-内容-中心对齐-项目-中心 p-0”>页面部分
        
      
    
    <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
      页眉
    
    <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
      功能
    
    <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
      价格
    
    <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
      常见问题
    
    <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
      博客文章
    
    <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
      客户评价
    
    <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
      团队
    
    <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
      统计数据
    
    <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
      号召性用语
    
    <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
      应用
    
  


          
        

        <李 类=“导航项下拉下拉菜单悬停 mx-2”>
          <一 类=“nav-link ps-2 d-flex 光标指针对齐项目中心” 编号=“下拉菜单文档” 数据-bs-切换=“下拉菜单” 咏叹调扩展=“假”>
            <我 类=“材质图标不透明-6 me-2 文本-md”>文章
            文档
            <图片 源="./assets/img/down-arrow-dark.svg" 替代=“向下箭头” 类=“箭头 MS-自动 MS-MD-2”>
          
           类=“下拉菜单下拉菜单动画下拉-lg mt-0 mt-lg-3 p-3边框半径-lg” 咏叹调标记者=“下拉菜单文档”>
             类=“d-无 d-lg-块”>
  <李 类=“导航项目”>
    <一 类=“下拉项 py-2 ps-3 边框半径-md” 链接=“javascript:;”>
       类=“d-柔性”>
         类=“图标 h-10 me-3 d-flex mt-1”>
           类=“文本次要” 宽度=“16 像素” 高度=“16 像素” 视图框="0 0 40 40" 版本="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
              <标题>宇宙飞船
              <克 行程=“无” 笔划宽度="1" 填充=“无” 填充规则=“偶数”>
                  <克 变换=“翻译（-1720.000000，-592.000000）” 填充=“#FFFFFF” 填充规则=“非零”>
                      <克 变换=“翻译（1716.000000，291.000000）”>
                          <克 变换=“翻译（4.000000，301.000000）”>
                              <路径 类=“颜色背景” d="M39.3,0.706666667 C38.9660984,0.370464027 38.5048767,0.192278529 38.0316667,0.216666667 C14.6516667,1.43666667 6.015,22.2633333 5.93166667,22.4733333 C5.68236407,23.0926189 5.82664679,23.8009159 6.29833333,24.2733333 L15.7266667,33.7016667 C16.2013871,34.1756798 16.9140329,34.3188658 17.535,34.065 C17.7433333,33.98 38.4583333,25.2466667 39.7816667,1.97666667 C39.8087196,1.50414529 39.6335979,1.04240574 39.3,0.706666667 Z M25.69,19.0233333 C24.7367525,19.9768687 23.3029475,20.2622391 22.0572426,19.7463614 C20.8115377,19.2304837 19.9992882,18.0149658 19.9992882,16.6666667 C19.9992882,15.3183676 20.8115377,14.1028496 22.0572426,13.5869719 C23.3029475,13.0710943 24.7367525,13.3564646 25.69,14.31 C26.9912731,15.6116662 26.9912731,17.7216672 25.69,19.0233333 L25.69,19.0233333 Z">
                              <路径 类=“颜色背景” d="M1.855,31.4066667 C3.05106558,30.2024182 4.79973884,29.7296005 6.43969145,30.1670277 C8.07964407,30.6044549 9.36054508,31.8853559 9.7979723,33.5253085 C10.2353995,35.1652612 9.76258177,36.9139344 8.55833333,38.11 C6.70666667,39.9616667 0,40 0,40 C0,40 0,33.2566667 1.855,31.4066667 Z">
                              <路径 类=“颜色背景” d="M17.2616667,3.90166667 C12.4943643,3.07192755 7.62174065,4.61673894 4.20333333,8.04166667 C3.31200265,8.94126033 2.53706177,9.94913142 1.89666667,11.0416667 C1.5109569,11.6966059 1.61721591,12.5295394 2.155,13.0666667 L5.47,16.3833333 C8.55036617,11.4946947 12.5559074,7.25476565 17.2616667,3.90166667 L17.2616667,3.90166667 Z" 不透明度="0.598539807">
                              <路径 类=“颜色背景” d="M36.0983333,22.7383333 C36.9280725,27.5056357 35.3832611,32.3782594 31.9583333,35.7966667 C31.0587397,36.6879974 30.0508686,37.4629382 28.9583333,38.1033333 C28.3033941,38.4890431 27.4704606,38.3827841 26.9333333,37.845 L23.6166667,34.53 C28.5053053,31.4496338 32.7452344,27.4440926 36.0983333,22.7383333 L36.0983333,22.7383333 Z" 不透明度="0.598539807">
                          
                      
                  
              
          </svg>
        
        
           类=“下拉标题文本-深色字体-粗体-粗体 d-flex 对齐-内容-中心对齐-项目-中心 p-0”>开始使用
          <跨度 类=“短信”>关于概述、快速入门、许可证和内容的所有信息
        
      
    
  
  <李 类=“导航项目”>
    <一 类=“下拉项 py-2 ps-3 边框半径-md” 链接=“javascript:;”>
       类=“d-柔性”>
         类=“图标 h-10 me-3 d-flex mt-1”>
           类=“文本次要” 宽度=“16 像素” 高度=“16 像素” 视图框="0 0 40 44" 版本="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
              <标题>文件
              <克 行程=“无” 笔划宽度="1" 填充=“无” 填充规则=“偶数”>
                  <克 变换=“翻译（-1870.000000，-591.000000）” 填充=“#FFFFFF” 填充规则=“非零”>
                      <克 变换=“翻译（1716.000000，291.000000）”>
                          <克 编号=“文件” 变换=“翻译（154.000000，300.000000）”>
                              <路径 类=“颜色背景” d="M40,40 L36.3636364,40 L36.3636364,3.63636364 L5.45454545,3.63636364 L5.45454545,0 L38.1818182,0 C39.1854545,0 40,0.814545455 40,1.81818182 L40,40 Z" 不透明度="0.603585379">
                              <路径 类=“颜色背景” d="M30.9090909,7.27272727 L1.81818182,7.27272727 C0.814545455,7.27272727 0,8.08727273 0,9.09090909 L0,41.8181818 C0,42.8218182 0.814545455,43.6363636 1.81818182,43.6363636 L30.9090909,43.6363636 C31.9127273,43.6363636 32.7272727,42.8218182 32.7272727,41.8181818 L32.7272727,9.09090909 C32.7272727,8.08727273 31.9127273,7.27272727 30.9090909,7.27272727 Z M18.1818182,34.5454545 L7.27272727,34.5454545 L7.27272727,30.9090909 L18.1818182,30.9090909 L18.1818182,34.5454545 Z M25.4545455,27.2727273 L7.27272727,27.2727273 L7.27272727,23.6363636 L25.4545455,23.6363636 L25.4545455,27.2727273 Z M25.4545455,20 L7.27272727,20 L7.27272727,16.3636364 L25.4545455,16.3636364 L25.4545455,20 Z">
                          
                      
                  
              
          </svg>
        
        
           类=“下拉标题文本-深色字体-粗体-粗体 d-flex 对齐-内容-中心对齐-项目-中心 p-0”>基金会
          <跨度 类=“短信”>查看我们的颜色、图标和版式
        
      
    
  
  <李 类=“导航项目”>
    <一 类=“下拉项 py-2 ps-3 边框半径-md” 链接=“javascript:;”>
       类=“d-柔性”>
         类=“图标 h-10 me-3 d-flex mt-1”>
           类=“文本次要” 宽度=“16 像素” 高度=“16 像素” 视图框="0 0 42 42" 版本="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
              <标题>盒子-3d-50
              <克 行程=“无” 笔划宽度="1" 填充=“无” 填充规则=“偶数”>
                  <克 变换=“翻译（-2319.000000，-291.000000）” 填充=“#FFFFFF” 填充规则=“非零”>
                      <克 变换=“翻译（1716.000000，291.000000）”>
                          <克 编号=“盒子-3d-50” 变换=“翻译（603.000000，0.000000）”>
                              <路径 类=“颜色背景” d="M22.7597136,19.3090182 L38.8987031,11.2395234 C39.3926816,10.9925342 39.592906,10.3918611 39.3459167,9.89788265 C39.249157,9.70436312 39.0922432,9.5474453 38.8987261,9.45068056 L20.2741875,0.1378125 L20.2741875,0.1378125 C19.905375,-0.04725 19.469625,-0.04725 19.0995,0.1378125 L3.1011696,8.13815822 C2.60720568,8.38517662 2.40701679,8.98586148 2.6540352,9.4798254 C2.75080129,9.67332903 2.90771305,9.83023153 3.10122239,9.9269862 L21.8652864,19.3090182 C22.1468139,19.4497819 22.4781861,19.4497819 22.7597136,19.3090182 Z">
                              <路径 类=“颜色背景” d="M23.625,22.429159 L23.625,39.8805372 C23.625,40.4328219 24.0727153,40.8805372 24.625,40.8805372 C24.7802551,40.8805372 24.9333778,40.8443874 25.0722402,40.7749511 L41.2741875,32.673375 L41.2741875,32.673375 C41.719125,32.4515625 42,31.9974375 42,31.5 L42,14.241659 C42,13.6893742 41.5522847,13.241659 41,13.241659 C40.8447549,13.241659 40.6916418,13.2778041 40.5527864,13.3472318 L24.1777864,21.5347318 C23.8390024,21.7041238 23.625,22.0503869 23.625,22.429159 Z" 不透明度="0.7">
                              <路径 类=“颜色背景” d="M20.4472136,21.5347318 L1.4472136,12.0347318 C0.953235098,11.7877425 0.352562058,11.9879669 0.105572809,12.4819454 C0.0361450918,12.6208008 6.47121774e-16,12.7739139 0,12.929159 L0,30.1875 L0,30.1875 C0,30.6849375 0.280875,31.1390625 0.7258125,31.3621875 L19.5528096,40.7750766 C20.0467945,41.0220531 20.6474623,40.8218132 20.8944388,40.3278283 C20.963859,40.1889789 21,40.0358742 21,39.8806379 L21,22.429159 C21,22.0503869 20.7859976,21.7041238 20.4472136,21.5347318 Z" 不透明度="0.7">
                          
                      
                  
              
          </svg>
        
        
           类=“下拉标题文本-深色字体-粗体-粗体 d-flex 对齐-内容-中心对齐-项目-中心 p-0”>组件
          <跨度 类=“短信”>探索我们完全设计的组件系列
        
      
    
  
  <李 类=“导航项目”>
    <一 类=“下拉项 py-2 ps-3 边框半径-md” 链接=“javascript:;”>
       类=“d-柔性”>
         类=“图标 h-10 me-3 d-flex mt-1”>
           类=“文本次要” 宽度=“16 像素” 高度=“16 像素” 视图框="0 0 40 44" 版本="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
              <标题>开关
              <克 行程=“无” 笔划宽度="1" 填充=“无” 填充规则=“偶数”>
                  <克 变换=“翻译（-1870.000000，-440.000000）” 填充=“#FFFFFF” 填充规则=“非零”>
                      <克 变换=“翻译（1716.000000，291.000000）”>
                          <克 变换=“翻译（154.000000，149.000000）”>
                              <路径 类=“颜色背景” d="M10,20 L30,20 C35.4545455,20 40,15.4545455 40,10 C40,4.54545455 35.4545455,0 30,0 L10,0 C4.54545455,0 0,4.54545455 0,10 C0,15.4545455 4.54545455,20 10,20 Z M10,3.63636364 C13.4545455,3.63636364 16.3636364,6.54545455 16.3636364,10 C16.3636364,13.4545455 13.4545455,16.3636364 10,16.3636364 C6.54545455,16.3636364 3.63636364,13.4545455 3.63636364,10 C3.63636364,6.54545455 6.54545455,3.63636364 10,3.63636364 Z" 不透明度="0.6">
                              <路径 类=“颜色背景” d="M30,23.6363636 L10,23.6363636 C4.54545455,23.6363636 0,28.1818182 0,33.6363636 C0,39.0909091 4.54545455,43.6363636 10,43.6363636 L30,43.6363636 C35.4545455,43.6363636 40,39.0909091 40,33.6363636 C40,28.1818182 35.4545455,23.6363636 30,23.6363636 Z M30,40 C26.5454545,40 23.6363636,37.0909091 23.6363636,33.6363636 C23.6363636,30.1818182 26.5454545,27.2727273 30,27.2727273 C33.4545455,27.2727273 36.3636364,30.1818182 36.3636364,33.6363636 C36.3636364,37.0909091 33.4545455,40 30,40 Z">
                          
                      
                  
              
          </svg>
        
        
           类=“下拉标题文本-深色字体-粗体-粗体 d-flex 对齐-内容-中心对齐-项目-中心 p-0”>插件
          <跨度 类=“短信”>检查如何集成我们的插件
        
      
    
  
  <李 类=“导航项目”>
    <一 类=“下拉项 py-2 ps-3 边框半径-md” 链接=“javascript:;”>
       类=“d-柔性”>
         类=“图标 h-10 me-3 d-flex mt-1”>
           类=“文本次要” 宽度=“16 像素” 高度=“16 像素” 视图框="0 0 40 40" 版本="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
              <标题>设置
              <克 行程=“无” 笔划宽度="1" 填充=“无” 填充规则=“偶数”>
                  <克 变换=“翻译（-2020.000000，-442.000000）” 填充=“#FFFFFF” 填充规则=“非零”>
                      <克 变换=“翻译（1716.000000，291.000000）”>
                          <克 变换=“翻译（304.000000，151.000000）”>
                              <多边形 类=“颜色背景” 不透明度="0.596981957" 点="18.0883333 15.7316667 11.1783333 8.82166667 13.3333333 6.66666667 6.66666667 0 0 6.66666667 6.66666667 13.3333333 8.82166667 11.1783333 15.315 17.6716667">
                              <路径 类=“颜色背景” d="M31.5666667,23.2333333 C31.0516667,23.2933333 30.53,23.3333333 30,23.3333333 C29.4916667,23.3333333 28.9866667,23.3033333 28.48,23.245 L22.4116667,30.7433333 L29.9416667,38.2733333 C32.2433333,40.575 35.9733333,40.575 38.275,38.2733333 L38.275,38.2733333 C40.5766667,35.9716667 40.5766667,32.2416667 38.275,29.94 L31.5666667,23.2333333 Z" 不透明度="0.596981957">
                              <路径 类=“颜色背景” d="M33.785,11.285 L28.715,6.215 L34.0616667,0.868333333 C32.82,0.315 31.4483333,0 30,0 C24.4766667,0 20,4.47666667 20,10 C20,10.99 20.1483333,11.9433333 20.4166667,12.8466667 L2.435,27.3966667 C0.95,28.7083333 0.0633333333,30.595 0.00333333333,32.5733333 C-0.0583333333,34.5533333 0.71,36.4916667 2.11,37.89 C3.47,39.2516667 5.27833333,40 7.20166667,40 C9.26666667,40 11.2366667,39.1133333 12.6033333,37.565 L27.1533333,19.5833333 C28.0566667,19.8516667 29.01,20 30,20 C35.5233333,20 40,15.5233333 40,10 C40,8.55166667 39.685,7.18 39.1316667,5.93666667 L33.785,11.285 Z">
                          
                      
                  
              
          </svg>
        
        
           类=“下拉标题文本-深色字体-粗体-粗体 d-flex 对齐-内容-中心对齐-项目-中心 p-0”>实用程序类
          <跨度 类=“短信”>对于那些想要灵活性的人，请使用我们的实用程序类
        
      
    
  


 类=“行 d-lg-无”>
   类=“col-md-12 g-0”>
    <一 类=“下拉项 py-2 ps-3 边框半径-md” 链接=“javascript:;”>
       类=“d-柔性”>
         类=“图标 h-10 me-3 d-flex mt-1”>
           类=“文本次要” 宽度=“16 像素” 高度=“16 像素” 视图框="0 0 40 40" 版本="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
              <标题>宇宙飞船
              <克 行程=“无” 笔划宽度="1" 填充=“无” 填充规则=“偶数”>
                <克 变换=“翻译（-1720.000000，-592.000000）” 填充=“#FFFFFF” 填充规则=“非零”>
                  <克 变换=“翻译（1716.000000，291.000000）”>
                    <克 变换=“翻译（4.000000，301.000000）”>
                      <路径 类=“颜色背景” d="M39.3,0.706666667 C38.9660984,0.370464027 38.5048767,0.192278529 38.0316667,0.216666667 C14.6516667,1.43666667 6.015,22.2633333 5.93166667,22.4733333 C5.68236407,23.0926189 5.82664679,23.8009159 6.29833333,24.2733333 L15.7266667,33.7016667 C16.2013871,34.1756798 16.9140329,34.3188658 17.535,34.065 C17.7433333,33.98 38.4583333,25.2466667 39.7816667,1.97666667 C39.8087196,1.50414529 39.6335979,1.04240574 39.3,0.706666667 Z M25.69,19.0233333 C24.7367525,19.9768687 23.3029475,20.2622391 22.0572426,19.7463614 C20.8115377,19.2304837 19.9992882,18.0149658 19.9992882,16.6666667 C19.9992882,15.3183676 20.8115377,14.1028496 22.0572426,13.5869719 C23.3029475,13.0710943 24.7367525,13.3564646 25.69,14.31 C26.9912731,15.6116662 26.9912731,17.7216672 25.69,19.0233333 L25.69,19.0233333 Z">
                      <路径 类=“颜色背景” d="M1.855,31.4066667 C3.05106558,30.2024182 4.79973884,29.7296005 6.43969145,30.1670277 C8.07964407,30.6044549 9.36054508,31.8853559 9.7979723,33.5253085 C10.2353995,35.1652612 9.76258177,36.9139344 8.55833333,38.11 C6.70666667,39.9616667 0,40 0,40 C0,40 0,33.2566667 1.855,31.4066667 Z">
                      <路径 类=“颜色背景” d="M17.2616667,3.90166667 C12.4943643,3.07192755 7.62174065,4.61673894 4.20333333,8.04166667 C3.31200265,8.94126033 2.53706177,9.94913142 1.89666667,11.0416667 C1.5109569,11.6966059 1.61721591,12.5295394 2.155,13.0666667 L5.47,16.3833333 C8.55036617,11.4946947 12.5559074,7.25476565 17.2616667,3.90166667 L17.2616667,3.90166667 Z" 不透明度="0.598539807">
                      <路径 类=“颜色背景” d="M36.0983333,22.7383333 C36.9280725,27.5056357 35.3832611,32.3782594 31.9583333,35.7966667 C31.0587397,36.6879974 30.0508686,37.4629382 28.9583333,38.1033333 C28.3033941,38.4890431 27.4704606,38.3827841 26.9333333,37.845 L23.6166667,34.53 C28.5053053,31.4496338 32.7452344,27.4440926 36.0983333,22.7383333 L36.0983333,22.7383333 Z" 不透明度="0.598539807">
                    
                  
                
              
            </svg>
          
        
           类=“下拉标题文本-深色字体-粗体-粗体 d-flex 对齐-内容-中心对齐-项目-中心 p-0”>开始使用
          <跨度 类=“短信”>关于概述、快速入门、许可证和内容的所有信息
        
      
    

    <一 类=“下拉项 py-2 ps-3 边框半径-md” 链接=“javascript:;”>
       类=“d-柔性”>
         类=“图标 h-10 me-3 d-flex mt-1”>
           类=“文本次要” 宽度=“16 像素” 高度=“16 像素” 视图框="0 0 40 44" 版本="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
            <标题>文件
              <克 行程=“无” 笔划宽度="1" 填充=“无” 填充规则=“偶数”>
                <克 变换=“翻译（-1870.000000，-591.000000）” 填充=“#FFFFFF” 填充规则=“非零”>
                  <克 变换=“翻译（1716.000000，291.000000）”>
                    <克 变换=“翻译（154.000000，300.000000）”>
                      <路径 类=“颜色背景” d="M40,40 L36.3636364,40 L36.3636364,3.63636364 L5.45454545,3.63636364 L5.45454545,0 L38.1818182,0 C39.1854545,0 40,0.814545455 40,1.81818182 L40,40 Z" 不透明度="0.603585379">
                      <路径 类=“颜色背景” d="M30.9090909,7.27272727 L1.81818182,7.27272727 C0.814545455,7.27272727 0,8.08727273 0,9.09090909 L0,41.8181818 C0,42.8218182 0.814545455,43.6363636 1.81818182,43.6363636 L30.9090909,43.6363636 C31.9127273,43.6363636 32.7272727,42.8218182 32.7272727,41.8181818 L32.7272727,9.09090909 C32.7272727,8.08727273 31.9127273,7.27272727 30.9090909,7.27272727 Z M18.1818182,34.5454545 L7.27272727,34.5454545 L7.27272727,30.9090909 L18.1818182,30.9090909 L18.1818182,34.5454545 Z M25.4545455,27.2727273 L7.27272727,27.2727273 L7.27272727,23.6363636 L25.4545455,23.6363636 L25.4545455,27.2727273 Z M25.4545455,20 L7.27272727,20 L7.27272727,16.3636364 L25.4545455,16.3636364 L25.4545455,20 Z">
                    
                  
                
              
            </svg>
          
        
           类=“下拉标题文本-深色字体-粗体-粗体 d-flex 对齐-内容-中心对齐-项目-中心 p-0”>基金会
          <跨度 类=“短信”>查看我们的颜色、图标和版式
        
      
    

    <一 类=“下拉项 py-2 ps-3 边框半径-md” 链接=“javascript:;”>
       类=“d-柔性”>
         类=“图标 h-10 me-3 d-flex mt-1”>
           类=“文本次要” 宽度=“16 像素” 高度=“16 像素” 视图框="0 0 42 42" 版本="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
              <标题>盒子-3d-50
              <克 行程=“无” 笔划宽度="1" 填充=“无” 填充规则=“偶数”>
                  <克 变换=“翻译（-2319.000000，-291.000000）” 填充=“#FFFFFF” 填充规则=“非零”>
                      <克 变换=“翻译（1716.000000，291.000000）”>
                          <克 变换=“翻译（603.000000，0.000000）”>
                              <路径 类=“颜色背景” d="M22.7597136,19.3090182 L38.8987031,11.2395234 C39.3926816,10.9925342 39.592906,10.3918611 39.3459167,9.89788265 C39.249157,9.70436312 39.0922432,9.5474453 38.8987261,9.45068056 L20.2741875,0.1378125 L20.2741875,0.1378125 C19.905375,-0.04725 19.469625,-0.04725 19.0995,0.1378125 L3.1011696,8.13815822 C2.60720568,8.38517662 2.40701679,8.98586148 2.6540352,9.4798254 C2.75080129,9.67332903 2.90771305,9.83023153 3.10122239,9.9269862 L21.8652864,19.3090182 C22.1468139,19.4497819 22.4781861,19.4497819 22.7597136,19.3090182 Z">
                              <路径 类=“颜色背景” d="M23.625,22.429159 L23.625,39.8805372 C23.625,40.4328219 24.0727153,40.8805372 24.625,40.8805372 C24.7802551,40.8805372 24.9333778,40.8443874 25.0722402,40.7749511 L41.2741875,32.673375 L41.2741875,32.673375 C41.719125,32.4515625 42,31.9974375 42,31.5 L42,14.241659 C42,13.6893742 41.5522847,13.241659 41,13.241659 C40.8447549,13.241659 40.6916418,13.2778041 40.5527864,13.3472318 L24.1777864,21.5347318 C23.8390024,21.7041238 23.625,22.0503869 23.625,22.429159 Z" 不透明度="0.7">
                              <路径 类=“颜色背景” d="M20.4472136,21.5347318 L1.4472136,12.0347318 C0.953235098,11.7877425 0.352562058,11.9879669 0.105572809,12.4819454 C0.0361450918,12.6208008 6.47121774e-16,12.7739139 0,12.929159 L0,30.1875 L0,30.1875 C0,30.6849375 0.280875,31.1390625 0.7258125,31.3621875 L19.5528096,40.7750766 C20.0467945,41.0220531 20.6474623,40.8218132 20.8944388,40.3278283 C20.963859,40.1889789 21,40.0358742 21,39.8806379 L21,22.429159 C21,22.0503869 20.7859976,21.7041238 20.4472136,21.5347318 Z" 不透明度="0.7">
                          
                      
                  
              
          </svg>
        
        
           类=“下拉标题文本-深色字体-粗体-粗体 d-flex 对齐-内容-中心对齐-项目-中心 p-0”>组件
          <跨度 类=“短信”>探索我们完全设计的组件系列
        
      
    

    <一 类=“下拉项 py-2 ps-3 边框半径-md” 链接=“javascript:;”>
       类=“d-柔性”>
         类=“图标 h-10 me-3 d-flex mt-1”>
           类=“文本次要” 宽度=“16 像素” 高度=“16 像素” 视图框="0 0 40 44" 版本="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
              <标题>开关
              <克 行程=“无” 笔划宽度="1" 填充=“无” 填充规则=“偶数”>
                  <克 变换=“翻译（-1870.000000，-440.000000）” 填充=“#FFFFFF” 填充规则=“非零”>
                      <克 变换=“翻译（1716.000000，291.000000）”>
                          <克 变换=“翻译（154.000000，149.000000）”>
                              <路径 类=“颜色背景” d="M10,20 L30,20 C35.4545455,20 40,15.4545455 40,10 C40,4.54545455 35.4545455,0 30,0 L10,0 C4.54545455,0 0,4.54545455 0,10 C0,15.4545455 4.54545455,20 10,20 Z M10,3.63636364 C13.4545455,3.63636364 16.3636364,6.54545455 16.3636364,10 C16.3636364,13.4545455 13.4545455,16.3636364 10,16.3636364 C6.54545455,16.3636364 3.63636364,13.4545455 3.63636364,10 C3.63636364,6.54545455 6.54545455,3.63636364 10,3.63636364 Z" 不透明度="0.6">
                              <路径 类=“颜色背景” d="M30,23.6363636 L10,23.6363636 C4.54545455,23.6363636 0,28.1818182 0,33.6363636 C0,39.0909091 4.54545455,43.6363636 10,43.6363636 L30,43.6363636 C35.4545455,43.6363636 40,39.0909091 40,33.6363636 C40,28.1818182 35.4545455,23.6363636 30,23.6363636 Z M30,40 C26.5454545,40 23.6363636,37.0909091 23.6363636,33.6363636 C23.6363636,30.1818182 26.5454545,27.2727273 30,27.2727273 C33.4545455,27.2727273 36.3636364,30.1818182 36.3636364,33.6363636 C36.3636364,37.0909091 33.4545455,40 30,40 Z">
                          
                      
                  
              
          </svg>
        
        
           类=“下拉标题文本-深色字体-粗体-粗体 d-flex 对齐-内容-中心对齐-项目-中心 p-0”>插件
          <跨度 类=“短信”>检查如何集成我们的插件
        
      
    

    <一 类=“下拉项 py-2 ps-3 边框半径-md” 链接=“javascript:;”>
       类=“d-柔性”>
         类=“图标 h-10 me-3 d-flex mt-1”>
           类=“文本次要” 宽度=“16 像素” 高度=“16 像素” 视图框="0 0 40 40" 版本="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
              <标题>设置
              <克 行程=“无” 笔划宽度="1" 填充=“无” 填充规则=“偶数”>
                  <克 变换=“翻译（-2020.000000，-442.000000）” 填充=“#FFFFFF” 填充规则=“非零”>
                      <克 变换=“翻译（1716.000000，291.000000）”>
                          <克 变换=“翻译（304.000000，151.000000）”>
                              <多边形 类=“颜色背景” 不透明度="0.596981957" 点="18.0883333 15.7316667 11.1783333 8.82166667 13.3333333 6.66666667 6.66666667 0 0 6.66666667 6.66666667 13.3333333 8.82166667 11.1783333 15.315 17.6716667">
                              <路径 类=“颜色背景” d="M31.5666667,23.2333333 C31.0516667,23.2933333 30.53,23.3333333 30,23.3333333 C29.4916667,23.3333333 28.9866667,23.3033333 28.48,23.245 L22.4116667,30.7433333 L29.9416667,38.2733333 C32.2433333,40.575 35.9733333,40.575 38.275,38.2733333 L38.275,38.2733333 C40.5766667,35.9716667 40.5766667,32.2416667 38.275,29.94 L31.5666667,23.2333333 Z" 不透明度="0.596981957">
                              <路径 类=“颜色背景” d="M33.785,11.285 L28.715,6.215 L34.0616667,0.868333333 C32.82,0.315 31.4483333,0 30,0 C24.4766667,0 20,4.47666667 20,10 C20,10.99 20.1483333,11.9433333 20.4166667,12.8466667 L2.435,27.3966667 C0.95,28.7083333 0.0633333333,30.595 0.00333333333,32.5733333 C-0.0583333333,34.5533333 0.71,36.4916667 2.11,37.89 C3.47,39.2516667 5.27833333,40 7.20166667,40 C9.26666667,40 11.2366667,39.1133333 12.6033333,37.565 L27.1533333,19.5833333 C28.0566667,19.8516667 29.01,20 30,20 C35.5233333,20 40,15.5233333 40,10 C40,8.55166667 39.685,7.18 39.1316667,5.93666667 L33.785,11.285 Z">
                          
                      
                  
              
          </svg>
        
        
           类=“下拉标题文本-深色字体-粗体-粗体 d-flex 对齐-内容-中心对齐-项目-中心 p-0”>实用程序类
          <跨度 类=“短信”>关于概述、快速入门、许可证和内容的所有信息
        
      
    
  


          
        
        <李 类=“导航项 ms-lg-auto my-auto ms-3 ms-lg-0 mt-2 mt-lg-0”>
          <一 链接="https://www.creative-tim.com/product/material-kit-pro" 类=“btn btn-sm bg-梯度-主 mb-0 me-1 mt-2 mt-md-0”>升级到专业版

导航栏深色

预览
代码

复制

  
<导航 类=“导航栏 导航栏-扩展-lg 导航栏-深色 bg-渐变-深色 z-index-3 py-3”>
   类=“容器”>
    <一 类=“导航栏品牌文字白色” 链接="https://demos.creative-tim.com/material-kit/presentation" 相对=“工具提示” 标题=“由创意蒂姆设计和编码” 数据放置=“底部” 目标=“_空白”>
      材料套件2
    
    <按钮 类=“导航栏切换器阴影无 MS-2” 类型=“按钮” 数据-bs-切换=“崩溃” 数据-bs-目标=“#导航” 咏叹调控制=“导航” 咏叹调扩展=“假” 咏叹调标签=“切换导航”>
      <跨度 类=“导航栏切换器图标 mt-2”>
        <跨度 类=“导航栏切换栏 bar1”>
        <跨度 类=“导航栏切换栏 bar2”>
        <跨度 类=“导航栏切换栏 bar3”>
      
    
     类=“折叠导航栏-折叠 w-100 pt-3 pb-2 py-lg-0” 编号=“导航”>
       类=“导航栏-导航 导航栏-导航-悬停 mx-自动”>
        <李 类=“导航项下拉下拉菜单悬停 mx-2”>
          <一 类=“nav-link ps-2 d-flex 光标指针对齐项目中心” 编号=“下拉菜单页0” 数据-bs-切换=“下拉菜单” 咏叹调扩展=“假”>
            <我 类=“材质图标不透明-6 me-2 文本-md”>仪表板
            页面
            <图片 源="./assets/img/down-arrow-white.svg" 替代=“向下箭头” 类=“箭头 MS-自动 MS-MD-2”>
          
           类=“下拉菜单下拉菜单动画下拉-xl p-3边框-半径-xl mt-0 mt-lg-3” 咏叹调标记者=“下拉菜单页0”>
             类=“d-无 d-lg-块”>
  <一 链接=“javascript:;” 类=“下拉项边框半径-md”>
    关于我们
  
  <一 链接=“javascript:;” 类=“下拉项边框半径-md”>
    联系我们
  
  <一 链接=“javascript:;” 类=“下拉项边框半径-md”>
    作者
  
  <一 链接=“javascript:;” 类=“下拉项边框半径-md”>
    登录



 类=“d-lg-无”>
  <一 链接=“javascript:;” 类=“下拉项边框半径-md”>
    关于我们
  
  <一 链接=“javascript:;” 类=“下拉项边框半径-md”>
    联系我们
  
  <一 链接=“javascript:;” 类=“下拉项边框半径-md”>
    作者
  
  <一 链接=“javascript:;” 类=“下拉项边框半径-md”>
    登录


        

        <李 类=“导航项下拉下拉菜单悬停 mx-2”>
          <一 类=“nav-link ps-2 d-flex 光标指针对齐项目中心” 编号=“下拉菜单块” 数据-bs-切换=“下拉菜单” 咏叹调扩展=“假”>
            <我 类=“材质图标不透明-6 me-2 文本-md”>查看日
            部分
            <图片 源="./assets/img/down-arrow-white.svg" 替代=“向下箭头” 类=“箭头 MS-自动 MS-MD-2”>
          
           类=“下拉菜单下拉菜单动画下拉菜单结束下拉MD下拉MD响应p-3边框半径lg mt-0 mt-lg-3” 咏叹调标记者=“下拉菜单块”>
             类=“d-无 d-lg-块”>
  <李 类=“导航项下拉下拉菜单悬停下拉子项目”>
    <一 类=“下拉项 py-2 ps-3 边框半径-md” 链接=“./presentation.html”>
       类=“d-柔性”>
         类=“图标 h-10 me-3 d-flex mt-1”>
          <我 类=“ni ni-single-copy-04 文本渐变文本主”>


         类=“w-100 d-flex 对齐项目中心对齐内容之间”>
          
             类=“下拉标题文本-深色字体-粗体-粗体 d-flex 对齐-内容-中心对齐-项目-中心 p-0”>页面部分
            <跨度 类=“短信”>查看全部 109 个部分
          

          <图片 源="./assets/img/down-arrow.svg" 替代=“向下箭头” 类=“箭头”>


      
    
     类=“下拉菜单 mt-0 py-3 px-2 mt-3” 咏叹调标记者=“页面部分”>
      <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
        页眉
      
      <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
        功能
      
      <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
        价格
      
      <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
        常见问题
      
      <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
        博客文章
      
      <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
        客户评价
      
      <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
        团队
      
      <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
        统计数据
      
      <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
        号召性用语
      
      <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
        标志区域
      
    
  


 类=“行 d-lg-无”>
   类=“col-md-12”>
     类=“d-flex mb-2”>
       类=“图标 h-10 me-3 d-flex mt-1”>
        <我 类=“ni ni-single-copy-04 文本渐变文本主”>
      
       类=“w-100 d-flex 对齐项目中心对齐内容之间”>
        
           类=“下拉标题文本-深色字体-粗体-粗体 d-flex 对齐-内容-中心对齐-项目-中心 p-0”>页面部分
        
      
    
    <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
      页眉
    
    <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
      功能
    
    <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
      价格
    
    <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
      常见问题
    
    <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
      博客文章
    
    <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
      客户评价
    
    <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
      团队
    
    <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
      统计数据
    
    <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
      号召性用语
    
    <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
      应用
    
  


          
        

        <李 类=“导航项下拉下拉菜单悬停 mx-2”>
          <一 类=“nav-link ps-2 d-flex 光标指针对齐项目中心” 编号=“下拉菜单文档” 数据-bs-切换=“下拉菜单” 咏叹调扩展=“假”>
            <我 类=“材质图标不透明-6 me-2 文本-md”>文章
            文档
            <图片 源="./assets/img/down-arrow-white.svg" 替代=“向下箭头” 类=“箭头 MS-自动 MS-MD-2”>
          
           类=“下拉菜单下拉菜单动画下拉菜单结束下拉MD下拉MD响应mt-0 mt-lg-3 p-3边框半径-lg” 咏叹调标记者=“下拉菜单文档”>
             类=“d-无 d-lg-块”>
  <李 类=“导航项目”>
    <一 类=“下拉项 py-2 ps-3 边框半径-md” 链接=“javascript:;”>
       类=“d-柔性”>
         类=“图标 h-10 me-3 d-flex mt-1”>
           类=“文本次要” 宽度=“16 像素” 高度=“16 像素” 视图框="0 0 40 40" 版本="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
              <标题>宇宙飞船
              <克 行程=“无” 笔划宽度="1" 填充=“无” 填充规则=“偶数”>
                  <克 变换=“翻译（-1720.000000，-592.000000）” 填充=“#FFFFFF” 填充规则=“非零”>
                      <克 变换=“翻译（1716.000000，291.000000）”>
                          <克 变换=“翻译（4.000000，301.000000）”>
                              <路径 类=“颜色背景” d="M39.3,0.706666667 C38.9660984,0.370464027 38.5048767,0.192278529 38.0316667,0.216666667 C14.6516667,1.43666667 6.015,22.2633333 5.93166667,22.4733333 C5.68236407,23.0926189 5.82664679,23.8009159 6.29833333,24.2733333 L15.7266667,33.7016667 C16.2013871,34.1756798 16.9140329,34.3188658 17.535,34.065 C17.7433333,33.98 38.4583333,25.2466667 39.7816667,1.97666667 C39.8087196,1.50414529 39.6335979,1.04240574 39.3,0.706666667 Z M25.69,19.0233333 C24.7367525,19.9768687 23.3029475,20.2622391 22.0572426,19.7463614 C20.8115377,19.2304837 19.9992882,18.0149658 19.9992882,16.6666667 C19.9992882,15.3183676 20.8115377,14.1028496 22.0572426,13.5869719 C23.3029475,13.0710943 24.7367525,13.3564646 25.69,14.31 C26.9912731,15.6116662 26.9912731,17.7216672 25.69,19.0233333 L25.69,19.0233333 Z">
                              <路径 类=“颜色背景” d="M1.855,31.4066667 C3.05106558,30.2024182 4.79973884,29.7296005 6.43969145,30.1670277 C8.07964407,30.6044549 9.36054508,31.8853559 9.7979723,33.5253085 C10.2353995,35.1652612 9.76258177,36.9139344 8.55833333,38.11 C6.70666667,39.9616667 0,40 0,40 C0,40 0,33.2566667 1.855,31.4066667 Z">
                              <路径 类=“颜色背景” d="M17.2616667,3.90166667 C12.4943643,3.07192755 7.62174065,4.61673894 4.20333333,8.04166667 C3.31200265,8.94126033 2.53706177,9.94913142 1.89666667,11.0416667 C1.5109569,11.6966059 1.61721591,12.5295394 2.155,13.0666667 L5.47,16.3833333 C8.55036617,11.4946947 12.5559074,7.25476565 17.2616667,3.90166667 L17.2616667,3.90166667 Z" 不透明度="0.598539807">
                              <路径 类=“颜色背景” d="M36.0983333,22.7383333 C36.9280725,27.5056357 35.3832611,32.3782594 31.9583333,35.7966667 C31.0587397,36.6879974 30.0508686,37.4629382 28.9583333,38.1033333 C28.3033941,38.4890431 27.4704606,38.3827841 26.9333333,37.845 L23.6166667,34.53 C28.5053053,31.4496338 32.7452344,27.4440926 36.0983333,22.7383333 L36.0983333,22.7383333 Z" 不透明度="0.598539807">
                          
                      
                  
              
          </svg>
        
        
           类=“下拉标题文本-深色字体-粗体-粗体 d-flex 对齐-内容-中心对齐-项目-中心 p-0”>开始使用
          <跨度 类=“短信”>关于概述、快速入门、许可证和内容的所有信息
        
      
    
  
  <李 类=“导航项目”>
    <一 类=“下拉项 py-2 ps-3 边框半径-md” 链接=“javascript:;”>
       类=“d-柔性”>
         类=“图标 h-10 me-3 d-flex mt-1”>
           类=“文本次要” 宽度=“16 像素” 高度=“16 像素” 视图框="0 0 40 44" 版本="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
              <标题>文件
              <克 行程=“无” 笔划宽度="1" 填充=“无” 填充规则=“偶数”>
                  <克 变换=“翻译（-1870.000000，-591.000000）” 填充=“#FFFFFF” 填充规则=“非零”>
                      <克 变换=“翻译（1716.000000，291.000000）”>
                          <克 编号=“文件” 变换=“翻译（154.000000，300.000000）”>
                              <路径 类=“颜色背景” d="M40,40 L36.3636364,40 L36.3636364,3.63636364 L5.45454545,3.63636364 L5.45454545,0 L38.1818182,0 C39.1854545,0 40,0.814545455 40,1.81818182 L40,40 Z" 不透明度="0.603585379">
                              <路径 类=“颜色背景” d="M30.9090909,7.27272727 L1.81818182,7.27272727 C0.814545455,7.27272727 0,8.08727273 0,9.09090909 L0,41.8181818 C0,42.8218182 0.814545455,43.6363636 1.81818182,43.6363636 L30.9090909,43.6363636 C31.9127273,43.6363636 32.7272727,42.8218182 32.7272727,41.8181818 L32.7272727,9.09090909 C32.7272727,8.08727273 31.9127273,7.27272727 30.9090909,7.27272727 Z M18.1818182,34.5454545 L7.27272727,34.5454545 L7.27272727,30.9090909 L18.1818182,30.9090909 L18.1818182,34.5454545 Z M25.4545455,27.2727273 L7.27272727,27.2727273 L7.27272727,23.6363636 L25.4545455,23.6363636 L25.4545455,27.2727273 Z M25.4545455,20 L7.27272727,20 L7.27272727,16.3636364 L25.4545455,16.3636364 L25.4545455,20 Z">
                          
                      
                  
              
          </svg>
        
        
           类=“下拉标题文本-深色字体-粗体-粗体 d-flex 对齐-内容-中心对齐-项目-中心 p-0”>基金会
          <跨度 类=“短信”>查看我们的颜色、图标和版式
        
      
    
  
  <李 类=“导航项目”>
    <一 类=“下拉项 py-2 ps-3 边框半径-md” 链接=“javascript:;”>
       类=“d-柔性”>
         类=“图标 h-10 me-3 d-flex mt-1”>
           类=“文本次要” 宽度=“16 像素” 高度=“16 像素” 视图框="0 0 42 42" 版本="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
              <标题>盒子-3d-50
              <克 行程=“无” 笔划宽度="1" 填充=“无” 填充规则=“偶数”>
                  <克 变换=“翻译（-2319.000000，-291.000000）” 填充=“#FFFFFF” 填充规则=“非零”>
                      <克 变换=“翻译（1716.000000，291.000000）”>
                          <克 编号=“盒子-3d-50” 变换=“翻译（603.000000，0.000000）”>
                              <路径 类=“颜色背景” d="M22.7597136,19.3090182 L38.8987031,11.2395234 C39.3926816,10.9925342 39.592906,10.3918611 39.3459167,9.89788265 C39.249157,9.70436312 39.0922432,9.5474453 38.8987261,9.45068056 L20.2741875,0.1378125 L20.2741875,0.1378125 C19.905375,-0.04725 19.469625,-0.04725 19.0995,0.1378125 L3.1011696,8.13815822 C2.60720568,8.38517662 2.40701679,8.98586148 2.6540352,9.4798254 C2.75080129,9.67332903 2.90771305,9.83023153 3.10122239,9.9269862 L21.8652864,19.3090182 C22.1468139,19.4497819 22.4781861,19.4497819 22.7597136,19.3090182 Z">
                              <路径 类=“颜色背景” d="M23.625,22.429159 L23.625,39.8805372 C23.625,40.4328219 24.0727153,40.8805372 24.625,40.8805372 C24.7802551,40.8805372 24.9333778,40.8443874 25.0722402,40.7749511 L41.2741875,32.673375 L41.2741875,32.673375 C41.719125,32.4515625 42,31.9974375 42,31.5 L42,14.241659 C42,13.6893742 41.5522847,13.241659 41,13.241659 C40.8447549,13.241659 40.6916418,13.2778041 40.5527864,13.3472318 L24.1777864,21.5347318 C23.8390024,21.7041238 23.625,22.0503869 23.625,22.429159 Z" 不透明度="0.7">
                              <路径 类=“颜色背景” d="M20.4472136,21.5347318 L1.4472136,12.0347318 C0.953235098,11.7877425 0.352562058,11.9879669 0.105572809,12.4819454 C0.0361450918,12.6208008 6.47121774e-16,12.7739139 0,12.929159 L0,30.1875 L0,30.1875 C0,30.6849375 0.280875,31.1390625 0.7258125,31.3621875 L19.5528096,40.7750766 C20.0467945,41.0220531 20.6474623,40.8218132 20.8944388,40.3278283 C20.963859,40.1889789 21,40.0358742 21,39.8806379 L21,22.429159 C21,22.0503869 20.7859976,21.7041238 20.4472136,21.5347318 Z" 不透明度="0.7">
                          
                      
                  
              
          </svg>
        
        
           类=“下拉标题文本-深色字体-粗体-粗体 d-flex 对齐-内容-中心对齐-项目-中心 p-0”>组件
          <跨度 类=“短信”>探索我们完全设计的组件系列
        
      
    
  
  <李 类=“导航项目”>
    <一 类=“下拉项 py-2 ps-3 边框半径-md” 链接=“javascript:;”>
       类=“d-柔性”>
         类=“图标 h-10 me-3 d-flex mt-1”>
           类=“文本次要” 宽度=“16 像素” 高度=“16 像素” 视图框="0 0 40 44" 版本="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
              <标题>开关
              <克 行程=“无” 笔划宽度="1" 填充=“无” 填充规则=“偶数”>
                  <克 变换=“翻译（-1870.000000，-440.000000）” 填充=“#FFFFFF” 填充规则=“非零”>
                      <克 变换=“翻译（1716.000000，291.000000）”>
                          <克 变换=“翻译（154.000000，149.000000）”>
                              <路径 类=“颜色背景” d="M10,20 L30,20 C35.4545455,20 40,15.4545455 40,10 C40,4.54545455 35.4545455,0 30,0 L10,0 C4.54545455,0 0,4.54545455 0,10 C0,15.4545455 4.54545455,20 10,20 Z M10,3.63636364 C13.4545455,3.63636364 16.3636364,6.54545455 16.3636364,10 C16.3636364,13.4545455 13.4545455,16.3636364 10,16.3636364 C6.54545455,16.3636364 3.63636364,13.4545455 3.63636364,10 C3.63636364,6.54545455 6.54545455,3.63636364 10,3.63636364 Z" 不透明度="0.6">
                              <路径 类=“颜色背景” d="M30,23.6363636 L10,23.6363636 C4.54545455,23.6363636 0,28.1818182 0,33.6363636 C0,39.0909091 4.54545455,43.6363636 10,43.6363636 L30,43.6363636 C35.4545455,43.6363636 40,39.0909091 40,33.6363636 C40,28.1818182 35.4545455,23.6363636 30,23.6363636 Z M30,40 C26.5454545,40 23.6363636,37.0909091 23.6363636,33.6363636 C23.6363636,30.1818182 26.5454545,27.2727273 30,27.2727273 C33.4545455,27.2727273 36.3636364,30.1818182 36.3636364,33.6363636 C36.3636364,37.0909091 33.4545455,40 30,40 Z">
                          
                      
                  
              
          </svg>
        
        
           类=“下拉标题文本-深色字体-粗体-粗体 d-flex 对齐-内容-中心对齐-项目-中心 p-0”>插件
          <跨度 类=“短信”>检查如何集成我们的插件
        
      
    
  
  <李 类=“导航项目”>
    <一 类=“下拉项 py-2 ps-3 边框半径-md” 链接=“javascript:;”>
       类=“d-柔性”>
         类=“图标 h-10 me-3 d-flex mt-1”>
           类=“文本次要” 宽度=“16 像素” 高度=“16 像素” 视图框="0 0 40 40" 版本="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
              <标题>设置
              <克 行程=“无” 笔划宽度="1" 填充=“无” 填充规则=“偶数”>
                  <克 变换=“翻译（-2020.000000，-442.000000）” 填充=“#FFFFFF” 填充规则=“非零”>
                      <克 变换=“翻译（1716.000000，291.000000）”>
                          <克 变换=“翻译（304.000000，151.000000）”>
                              <多边形 类=“颜色背景” 不透明度="0.596981957" 点="18.0883333 15.7316667 11.1783333 8.82166667 13.3333333 6.66666667 6.66666667 0 0 6.66666667 6.66666667 13.3333333 8.82166667 11.1783333 15.315 17.6716667">
                              <路径 类=“颜色背景” d="M31.5666667,23.2333333 C31.0516667,23.2933333 30.53,23.3333333 30,23.3333333 C29.4916667,23.3333333 28.9866667,23.3033333 28.48,23.245 L22.4116667,30.7433333 L29.9416667,38.2733333 C32.2433333,40.575 35.9733333,40.575 38.275,38.2733333 L38.275,38.2733333 C40.5766667,35.9716667 40.5766667,32.2416667 38.275,29.94 L31.5666667,23.2333333 Z" 不透明度="0.596981957">
                              <路径 类=“颜色背景” d="M33.785,11.285 L28.715,6.215 L34.0616667,0.868333333 C32.82,0.315 31.4483333,0 30,0 C24.4766667,0 20,4.47666667 20,10 C20,10.99 20.1483333,11.9433333 20.4166667,12.8466667 L2.435,27.3966667 C0.95,28.7083333 0.0633333333,30.595 0.00333333333,32.5733333 C-0.0583333333,34.5533333 0.71,36.4916667 2.11,37.89 C3.47,39.2516667 5.27833333,40 7.20166667,40 C9.26666667,40 11.2366667,39.1133333 12.6033333,37.565 L27.1533333,19.5833333 C28.0566667,19.8516667 29.01,20 30,20 C35.5233333,20 40,15.5233333 40,10 C40,8.55166667 39.685,7.18 39.1316667,5.93666667 L33.785,11.285 Z">
                          
                      
                  
              
          </svg>
        
        
           类=“下拉标题文本-深色字体-粗体-粗体 d-flex 对齐-内容-中心对齐-项目-中心 p-0”>实用程序类
          <跨度 类=“短信”>对于那些想要灵活性的人，请使用我们的实用程序类
        
      
    
  


 类=“行 d-lg-无”>
   类=“col-md-12 g-0”>
    <一 类=“下拉项 py-2 ps-3 边框半径-md” 链接=“javascript:;”>
       类=“d-柔性”>
         类=“图标 h-10 me-3 d-flex mt-1”>
           类=“文本次要” 宽度=“16 像素” 高度=“16 像素” 视图框="0 0 40 40" 版本="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
              <标题>宇宙飞船
              <克 行程=“无” 笔划宽度="1" 填充=“无” 填充规则=“偶数”>
                <克 变换=“翻译（-1720.000000，-592.000000）” 填充=“#FFFFFF” 填充规则=“非零”>
                  <克 变换=“翻译（1716.000000，291.000000）”>
                    <克 变换=“翻译（4.000000，301.000000）”>
                      <路径 类=“颜色背景” d="M39.3,0.706666667 C38.9660984,0.370464027 38.5048767,0.192278529 38.0316667,0.216666667 C14.6516667,1.43666667 6.015,22.2633333 5.93166667,22.4733333 C5.68236407,23.0926189 5.82664679,23.8009159 6.29833333,24.2733333 L15.7266667,33.7016667 C16.2013871,34.1756798 16.9140329,34.3188658 17.535,34.065 C17.7433333,33.98 38.4583333,25.2466667 39.7816667,1.97666667 C39.8087196,1.50414529 39.6335979,1.04240574 39.3,0.706666667 Z M25.69,19.0233333 C24.7367525,19.9768687 23.3029475,20.2622391 22.0572426,19.7463614 C20.8115377,19.2304837 19.9992882,18.0149658 19.9992882,16.6666667 C19.9992882,15.3183676 20.8115377,14.1028496 22.0572426,13.5869719 C23.3029475,13.0710943 24.7367525,13.3564646 25.69,14.31 C26.9912731,15.6116662 26.9912731,17.7216672 25.69,19.0233333 L25.69,19.0233333 Z">
                      <路径 类=“颜色背景” d="M1.855,31.4066667 C3.05106558,30.2024182 4.79973884,29.7296005 6.43969145,30.1670277 C8.07964407,30.6044549 9.36054508,31.8853559 9.7979723,33.5253085 C10.2353995,35.1652612 9.76258177,36.9139344 8.55833333,38.11 C6.70666667,39.9616667 0,40 0,40 C0,40 0,33.2566667 1.855,31.4066667 Z">
                      <路径 类=“颜色背景” d="M17.2616667,3.90166667 C12.4943643,3.07192755 7.62174065,4.61673894 4.20333333,8.04166667 C3.31200265,8.94126033 2.53706177,9.94913142 1.89666667,11.0416667 C1.5109569,11.6966059 1.61721591,12.5295394 2.155,13.0666667 L5.47,16.3833333 C8.55036617,11.4946947 12.5559074,7.25476565 17.2616667,3.90166667 L17.2616667,3.90166667 Z" 不透明度="0.598539807">
                      <路径 类=“颜色背景” d="M36.0983333,22.7383333 C36.9280725,27.5056357 35.3832611,32.3782594 31.9583333,35.7966667 C31.0587397,36.6879974 30.0508686,37.4629382 28.9583333,38.1033333 C28.3033941,38.4890431 27.4704606,38.3827841 26.9333333,37.845 L23.6166667,34.53 C28.5053053,31.4496338 32.7452344,27.4440926 36.0983333,22.7383333 L36.0983333,22.7383333 Z" 不透明度="0.598539807">
                    
                  
                
              
            </svg>
          
        
           类=“下拉标题文本-深色字体-粗体-粗体 d-flex 对齐-内容-中心对齐-项目-中心 p-0”>开始使用
          <跨度 类=“短信”>关于概述、快速入门、许可证和内容的所有信息
        
      
    

    <一 类=“下拉项 py-2 ps-3 边框半径-md” 链接=“javascript:;”>
       类=“d-柔性”>
         类=“图标 h-10 me-3 d-flex mt-1”>
           类=“文本次要” 宽度=“16 像素” 高度=“16 像素” 视图框="0 0 40 44" 版本="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
            <标题>文件
              <克 行程=“无” 笔划宽度="1" 填充=“无” 填充规则=“偶数”>
                <克 变换=“翻译（-1870.000000，-591.000000）” 填充=“#FFFFFF” 填充规则=“非零”>
                  <克 变换=“翻译（1716.000000，291.000000）”>
                    <克 变换=“翻译（154.000000，300.000000）”>
                      <路径 类=“颜色背景” d="M40,40 L36.3636364,40 L36.3636364,3.63636364 L5.45454545,3.63636364 L5.45454545,0 L38.1818182,0 C39.1854545,0 40,0.814545455 40,1.81818182 L40,40 Z" 不透明度="0.603585379">
                      <路径 类=“颜色背景” d="M30.9090909,7.27272727 L1.81818182,7.27272727 C0.814545455,7.27272727 0,8.08727273 0,9.09090909 L0,41.8181818 C0,42.8218182 0.814545455,43.6363636 1.81818182,43.6363636 L30.9090909,43.6363636 C31.9127273,43.6363636 32.7272727,42.8218182 32.7272727,41.8181818 L32.7272727,9.09090909 C32.7272727,8.08727273 31.9127273,7.27272727 30.9090909,7.27272727 Z M18.1818182,34.5454545 L7.27272727,34.5454545 L7.27272727,30.9090909 L18.1818182,30.9090909 L18.1818182,34.5454545 Z M25.4545455,27.2727273 L7.27272727,27.2727273 L7.27272727,23.6363636 L25.4545455,23.6363636 L25.4545455,27.2727273 Z M25.4545455,20 L7.27272727,20 L7.27272727,16.3636364 L25.4545455,16.3636364 L25.4545455,20 Z">
                    
                  
                
              
            </svg>
          
        
           类=“下拉标题文本-深色字体-粗体-粗体 d-flex 对齐-内容-中心对齐-项目-中心 p-0”>基金会
          <跨度 类=“短信”>查看我们的颜色、图标和版式
        
      
    

    <一 类=“下拉项 py-2 ps-3 边框半径-md” 链接=“javascript:;”>
       类=“d-柔性”>
         类=“图标 h-10 me-3 d-flex mt-1”>
           类=“文本次要” 宽度=“16 像素” 高度=“16 像素” 视图框="0 0 42 42" 版本="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
              <标题>盒子-3d-50
              <克 行程=“无” 笔划宽度="1" 填充=“无” 填充规则=“偶数”>
                  <克 变换=“翻译（-2319.000000，-291.000000）” 填充=“#FFFFFF” 填充规则=“非零”>
                      <克 变换=“翻译（1716.000000，291.000000）”>
                          <克 变换=“翻译（603.000000，0.000000）”>
                              <路径 类=“颜色背景” d="M22.7597136,19.3090182 L38.8987031,11.2395234 C39.3926816,10.9925342 39.592906,10.3918611 39.3459167,9.89788265 C39.249157,9.70436312 39.0922432,9.5474453 38.8987261,9.45068056 L20.2741875,0.1378125 L20.2741875,0.1378125 C19.905375,-0.04725 19.469625,-0.04725 19.0995,0.1378125 L3.1011696,8.13815822 C2.60720568,8.38517662 2.40701679,8.98586148 2.6540352,9.4798254 C2.75080129,9.67332903 2.90771305,9.83023153 3.10122239,9.9269862 L21.8652864,19.3090182 C22.1468139,19.4497819 22.4781861,19.4497819 22.7597136,19.3090182 Z">
                              <路径 类=“颜色背景” d="M23.625,22.429159 L23.625,39.8805372 C23.625,40.4328219 24.0727153,40.8805372 24.625,40.8805372 C24.7802551,40.8805372 24.9333778,40.8443874 25.0722402,40.7749511 L41.2741875,32.673375 L41.2741875,32.673375 C41.719125,32.4515625 42,31.9974375 42,31.5 L42,14.241659 C42,13.6893742 41.5522847,13.241659 41,13.241659 C40.8447549,13.241659 40.6916418,13.2778041 40.5527864,13.3472318 L24.1777864,21.5347318 C23.8390024,21.7041238 23.625,22.0503869 23.625,22.429159 Z" 不透明度="0.7">
                              <路径 类=“颜色背景” d="M20.4472136,21.5347318 L1.4472136,12.0347318 C0.953235098,11.7877425 0.352562058,11.9879669 0.105572809,12.4819454 C0.0361450918,12.6208008 6.47121774e-16,12.7739139 0,12.929159 L0,30.1875 L0,30.1875 C0,30.6849375 0.280875,31.1390625 0.7258125,31.3621875 L19.5528096,40.7750766 C20.0467945,41.0220531 20.6474623,40.8218132 20.8944388,40.3278283 C20.963859,40.1889789 21,40.0358742 21,39.8806379 L21,22.429159 C21,22.0503869 20.7859976,21.7041238 20.4472136,21.5347318 Z" 不透明度="0.7">
                          
                      
                  
              
          </svg>
        
        
           类=“下拉标题文本-深色字体-粗体-粗体 d-flex 对齐-内容-中心对齐-项目-中心 p-0”>组件
          <跨度 类=“短信”>探索我们完全设计的组件系列
        
      
    

    <一 类=“下拉项 py-2 ps-3 边框半径-md” 链接=“javascript:;”>
       类=“d-柔性”>
         类=“图标 h-10 me-3 d-flex mt-1”>
           类=“文本次要” 宽度=“16 像素” 高度=“16 像素” 视图框="0 0 40 44" 版本="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
              <标题>开关
              <克 行程=“无” 笔划宽度="1" 填充=“无” 填充规则=“偶数”>
                  <克 变换=“翻译（-1870.000000，-440.000000）” 填充=“#FFFFFF” 填充规则=“非零”>
                      <克 变换=“翻译（1716.000000，291.000000）”>
                          <克 变换=“翻译（154.000000，149.000000）”>
                              <路径 类=“颜色背景” d="M10,20 L30,20 C35.4545455,20 40,15.4545455 40,10 C40,4.54545455 35.4545455,0 30,0 L10,0 C4.54545455,0 0,4.54545455 0,10 C0,15.4545455 4.54545455,20 10,20 Z M10,3.63636364 C13.4545455,3.63636364 16.3636364,6.54545455 16.3636364,10 C16.3636364,13.4545455 13.4545455,16.3636364 10,16.3636364 C6.54545455,16.3636364 3.63636364,13.4545455 3.63636364,10 C3.63636364,6.54545455 6.54545455,3.63636364 10,3.63636364 Z" 不透明度="0.6">
                              <路径 类=“颜色背景” d="M30,23.6363636 L10,23.6363636 C4.54545455,23.6363636 0,28.1818182 0,33.6363636 C0,39.0909091 4.54545455,43.6363636 10,43.6363636 L30,43.6363636 C35.4545455,43.6363636 40,39.0909091 40,33.6363636 C40,28.1818182 35.4545455,23.6363636 30,23.6363636 Z M30,40 C26.5454545,40 23.6363636,37.0909091 23.6363636,33.6363636 C23.6363636,30.1818182 26.5454545,27.2727273 30,27.2727273 C33.4545455,27.2727273 36.3636364,30.1818182 36.3636364,33.6363636 C36.3636364,37.0909091 33.4545455,40 30,40 Z">
                          
                      
                  
              
          </svg>
        
        
           类=“下拉标题文本-深色字体-粗体-粗体 d-flex 对齐-内容-中心对齐-项目-中心 p-0”>插件
          <跨度 类=“短信”>检查如何集成我们的插件
        
      
    

    <一 类=“下拉项 py-2 ps-3 边框半径-md” 链接=“javascript:;”>
       类=“d-柔性”>
         类=“图标 h-10 me-3 d-flex mt-1”>
           类=“文本次要” 宽度=“16 像素” 高度=“16 像素” 视图框="0 0 40 40" 版本="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
              <标题>设置
              <克 行程=“无” 笔划宽度="1" 填充=“无” 填充规则=“偶数”>
                  <克 变换=“翻译（-2020.000000，-442.000000）” 填充=“#FFFFFF” 填充规则=“非零”>
                      <克 变换=“翻译（1716.000000，291.000000）”>
                          <克 变换=“翻译（304.000000，151.000000）”>
                              <多边形 类=“颜色背景” 不透明度="0.596981957" 点="18.0883333 15.7316667 11.1783333 8.82166667 13.3333333 6.66666667 6.66666667 0 0 6.66666667 6.66666667 13.3333333 8.82166667 11.1783333 15.315 17.6716667">
                              <路径 类=“颜色背景” d="M31.5666667,23.2333333 C31.0516667,23.2933333 30.53,23.3333333 30,23.3333333 C29.4916667,23.3333333 28.9866667,23.3033333 28.48,23.245 L22.4116667,30.7433333 L29.9416667,38.2733333 C32.2433333,40.575 35.9733333,40.575 38.275,38.2733333 L38.275,38.2733333 C40.5766667,35.9716667 40.5766667,32.2416667 38.275,29.94 L31.5666667,23.2333333 Z" 不透明度="0.596981957">
                              <路径 类=“颜色背景” d="M33.785,11.285 L28.715,6.215 L34.0616667,0.868333333 C32.82,0.315 31.4483333,0 30,0 C24.4766667,0 20,4.47666667 20,10 C20,10.99 20.1483333,11.9433333 20.4166667,12.8466667 L2.435,27.3966667 C0.95,28.7083333 0.0633333333,30.595 0.00333333333,32.5733333 C-0.0583333333,34.5533333 0.71,36.4916667 2.11,37.89 C3.47,39.2516667 5.27833333,40 7.20166667,40 C9.26666667,40 11.2366667,39.1133333 12.6033333,37.565 L27.1533333,19.5833333 C28.0566667,19.8516667 29.01,20 30,20 C35.5233333,20 40,15.5233333 40,10 C40,8.55166667 39.685,7.18 39.1316667,5.93666667 L33.785,11.285 Z">
                          
                      
                  
              
          </svg>
        
        
           类=“下拉标题文本-深色字体-粗体-粗体 d-flex 对齐-内容-中心对齐-项目-中心 p-0”>实用程序类
          <跨度 类=“短信”>关于概述、快速入门、许可证和内容的所有信息
        
      
    
  


          
        
        <李 类=“导航项 ms-lg-auto my-auto ms-3 ms-lg-0 mt-2 mt-lg-0”>
          <一 链接="https://www.creative-tim.com/product/material-kit-pro" 类=“btn btn-sm bg-梯度-主 mb-0 me-1 mt-2 mt-md-0”>升级到专业版

导航栏模糊

预览
代码

复制

  
 类=“容器位置-粘性 z-索引-粘性 top-0”> 类=“行”> 类=“第 12 号栏”>
<导航 类=“导航栏 navbar-expand-lg 模糊边框-半径-xl top-0 z-index-固定阴影位置-绝对 my-3 py-2 start-0 end-0 mx-4”>
   类=“容器流体”>
    <一 类=“导航栏品牌字体粗体 ms-sm-3” 链接="https://demos.creative-tim.com/material-kit/presentation" 相对=“工具提示” 标题=“由创意蒂姆设计和编码” 数据放置=“底部” 目标=“_空白”>
      材料套件2
    
    <按钮 类=“导航栏切换器阴影无 MS-2” 类型=“按钮” 数据-bs-切换=“崩溃” 数据-bs-目标=“#导航” 咏叹调控制=“导航” 咏叹调扩展=“假” 咏叹调标签=“切换导航”>
      <跨度 类=“导航栏切换器图标 mt-2”>
        <跨度 类=“导航栏切换栏 bar1”>
        <跨度 类=“导航栏切换栏 bar2”>
        <跨度 类=“导航栏切换栏 bar3”>
      
    
     类=“折叠导航栏-折叠 pt-3 pb-2 py-lg-0” 编号=“导航”>
       类=“导航栏-导航栏-导航栏-悬停 ms-lg-12 ps-lg-5 w-100”>
        <李 类=“导航项下拉下拉菜单悬停 mx-2”>
          <一 类=“nav-link ps-2 d-flex 光标指针对齐项目中心” 编号=“下拉菜单页面” 数据-bs-切换=“下拉菜单” 咏叹调扩展=“假”>
            <我 类=“材质图标不透明-6 me-2 文本-md”>仪表板
            页面
            <图片 源="./assets/img/down-arrow-dark.svg" 替代=“向下箭头” 类=“箭头 MS-自动”>
          
           类=“下拉菜单下拉菜单动画 ms-n3 下拉-md p-3 边框半径-lg mt-0 mt-lg-3” 咏叹调标记者=“下拉菜单页面”>
             类=“d-无 d-lg-块”>
  <一 链接=“javascript:;” 类=“下拉项边框半径-md”>
    关于我们
  
  <一 链接=“javascript:;” 类=“下拉项边框半径-md”>
    联系我们
  
  <一 链接=“javascript:;” 类=“下拉项边框半径-md”>
    作者
  
  <一 链接=“javascript:;” 类=“下拉项边框半径-md”>
    登录



 类=“d-lg-无”>
  <一 链接=“javascript:;” 类=“下拉项边框半径-md”>
    关于我们
  
  <一 链接=“javascript:;” 类=“下拉项边框半径-md”>
    联系我们
  
  <一 链接=“javascript:;” 类=“下拉项边框半径-md”>
    作者
  
  <一 链接=“javascript:;” 类=“下拉项边框半径-md”>
    登录


        

        <李 类=“导航项下拉下拉菜单悬停 mx-2”>
          <一 类=“nav-link ps-2 d-flex 光标指针对齐项目中心” 编号=“下拉菜单块” 数据-bs-切换=“下拉菜单” 咏叹调扩展=“假”>
            <我 类=“材质图标不透明-6 me-2 文本-md”>查看日
            部分
            <图片 源="./assets/img/down-arrow-dark.svg" 替代=“向下箭头” 类=“箭头 MS-自动”>
          
           类=“下拉菜单下拉菜单动画下拉-lg下拉-lg-响应p-3边框-半径-lg mt-0 mt-lg-3” 咏叹调标记者=“下拉菜单块”>
             类=“d-无 d-lg-块”>
  <李 类=“导航项下拉下拉菜单悬停下拉子项目”>
    <一 类=“下拉项 py-2 ps-3 边框半径-md” 链接=“./presentation.html”>
       类=“d-柔性”>
         类=“图标 h-10 me-3 d-flex mt-1”>
          <我 类=“ni ni-single-copy-04 文本渐变文本主”>


         类=“w-100 d-flex 对齐项目中心对齐内容之间”>
          
             类=“下拉标题文本-深色字体-粗体-粗体 d-flex 对齐-内容-中心对齐-项目-中心 p-0”>页面部分
            <跨度 类=“短信”>查看全部 109 个部分
          

          <图片 源="./assets/img/down-arrow.svg" 替代=“向下箭头” 类=“箭头”>


      
    
     类=“下拉菜单 mt-0 py-3 px-2 mt-3” 咏叹调标记者=“页面部分”>
      <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
        页眉
      
      <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
        功能
      
      <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
        价格
      
      <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
        常见问题
      
      <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
        博客文章
      
      <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
        客户评价
      
      <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
        团队
      
      <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
        统计数据
      
      <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
        号召性用语
      
      <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
        标志区域
      
    
  


 类=“行 d-lg-无”>
   类=“col-md-12”>
     类=“d-flex mb-2”>
       类=“图标 h-10 me-3 d-flex mt-1”>
        <我 类=“ni ni-single-copy-04 文本渐变文本主”>
      
       类=“w-100 d-flex 对齐项目中心对齐内容之间”>
        
           类=“下拉标题文本-深色字体-粗体-粗体 d-flex 对齐-内容-中心对齐-项目-中心 p-0”>页面部分
        
      
    
    <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
      页眉
    
    <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
      功能
    
    <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
      价格
    
    <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
      常见问题
    
    <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
      博客文章
    
    <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
      客户评价
    
    <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
      团队
    
    <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
      统计数据
    
    <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
      号召性用语
    
    <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
      应用
    
  


          
        

        <李 类=“导航项下拉下拉菜单悬停 mx-2”>
          <一 类=“nav-link ps-2 d-flex 光标指针对齐项目中心” 编号=“下拉菜单文档” 数据-bs-切换=“下拉菜单” 咏叹调扩展=“假”>
            <我 类=“材质图标不透明-6 me-2 文本-md”>文章
            文档
            <图片 源="./assets/img/down-arrow-dark.svg" 替代=“向下箭头” 类=“箭头 MS-自动”>
          
           类=“下拉菜单下拉菜单动画下拉-lg mt-0 mt-lg-3 p-3边框半径-lg” 咏叹调标记者=“下拉菜单文档”>
             类=“d-无 d-lg-块”>
  <李 类=“导航项目”>
    <一 类=“下拉项 py-2 ps-3 边框半径-md” 链接=“javascript:;”>
       类=“d-柔性”>
         类=“图标 h-10 me-3 d-flex mt-1”>
           类=“文本次要” 宽度=“16 像素” 高度=“16 像素” 视图框="0 0 40 40" 版本="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
              <标题>宇宙飞船
              <克 行程=“无” 笔划宽度="1" 填充=“无” 填充规则=“偶数”>
                  <克 变换=“翻译（-1720.000000，-592.000000）” 填充=“#FFFFFF” 填充规则=“非零”>
                      <克 变换=“翻译（1716.000000，291.000000）”>
                          <克 变换=“翻译（4.000000，301.000000）”>
                              <路径 类=“颜色背景” d="M39.3,0.706666667 C38.9660984,0.370464027 38.5048767,0.192278529 38.0316667,0.216666667 C14.6516667,1.43666667 6.015,22.2633333 5.93166667,22.4733333 C5.68236407,23.0926189 5.82664679,23.8009159 6.29833333,24.2733333 L15.7266667,33.7016667 C16.2013871,34.1756798 16.9140329,34.3188658 17.535,34.065 C17.7433333,33.98 38.4583333,25.2466667 39.7816667,1.97666667 C39.8087196,1.50414529 39.6335979,1.04240574 39.3,0.706666667 Z M25.69,19.0233333 C24.7367525,19.9768687 23.3029475,20.2622391 22.0572426,19.7463614 C20.8115377,19.2304837 19.9992882,18.0149658 19.9992882,16.6666667 C19.9992882,15.3183676 20.8115377,14.1028496 22.0572426,13.5869719 C23.3029475,13.0710943 24.7367525,13.3564646 25.69,14.31 C26.9912731,15.6116662 26.9912731,17.7216672 25.69,19.0233333 L25.69,19.0233333 Z">
                              <路径 类=“颜色背景” d="M1.855,31.4066667 C3.05106558,30.2024182 4.79973884,29.7296005 6.43969145,30.1670277 C8.07964407,30.6044549 9.36054508,31.8853559 9.7979723,33.5253085 C10.2353995,35.1652612 9.76258177,36.9139344 8.55833333,38.11 C6.70666667,39.9616667 0,40 0,40 C0,40 0,33.2566667 1.855,31.4066667 Z">
                              <路径 类=“颜色背景” d="M17.2616667,3.90166667 C12.4943643,3.07192755 7.62174065,4.61673894 4.20333333,8.04166667 C3.31200265,8.94126033 2.53706177,9.94913142 1.89666667,11.0416667 C1.5109569,11.6966059 1.61721591,12.5295394 2.155,13.0666667 L5.47,16.3833333 C8.55036617,11.4946947 12.5559074,7.25476565 17.2616667,3.90166667 L17.2616667,3.90166667 Z" 不透明度="0.598539807">
                              <路径 类=“颜色背景” d="M36.0983333,22.7383333 C36.9280725,27.5056357 35.3832611,32.3782594 31.9583333,35.7966667 C31.0587397,36.6879974 30.0508686,37.4629382 28.9583333,38.1033333 C28.3033941,38.4890431 27.4704606,38.3827841 26.9333333,37.845 L23.6166667,34.53 C28.5053053,31.4496338 32.7452344,27.4440926 36.0983333,22.7383333 L36.0983333,22.7383333 Z" 不透明度="0.598539807">
                          
                      
                  
              
          </svg>
        
        
           类=“下拉标题文本-深色字体-粗体-粗体 d-flex 对齐-内容-中心对齐-项目-中心 p-0”>开始使用
          <跨度 类=“短信”>关于概述、快速入门、许可证和内容的所有信息
        
      
    
  
  <李 类=“导航项目”>
    <一 类=“下拉项 py-2 ps-3 边框半径-md” 链接=“javascript:;”>
       类=“d-柔性”>
         类=“图标 h-10 me-3 d-flex mt-1”>
           类=“文本次要” 宽度=“16 像素” 高度=“16 像素” 视图框="0 0 40 44" 版本="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
              <标题>文件
              <克 行程=“无” 笔划宽度="1" 填充=“无” 填充规则=“偶数”>
                  <克 变换=“翻译（-1870.000000，-591.000000）” 填充=“#FFFFFF” 填充规则=“非零”>
                      <克 变换=“翻译（1716.000000，291.000000）”>
                          <克 编号=“文件” 变换=“翻译（154.000000，300.000000）”>
                              <路径 类=“颜色背景” d="M40,40 L36.3636364,40 L36.3636364,3.63636364 L5.45454545,3.63636364 L5.45454545,0 L38.1818182,0 C39.1854545,0 40,0.814545455 40,1.81818182 L40,40 Z" 不透明度="0.603585379">
                              <路径 类=“颜色背景” d="M30.9090909,7.27272727 L1.81818182,7.27272727 C0.814545455,7.27272727 0,8.08727273 0,9.09090909 L0,41.8181818 C0,42.8218182 0.814545455,43.6363636 1.81818182,43.6363636 L30.9090909,43.6363636 C31.9127273,43.6363636 32.7272727,42.8218182 32.7272727,41.8181818 L32.7272727,9.09090909 C32.7272727,8.08727273 31.9127273,7.27272727 30.9090909,7.27272727 Z M18.1818182,34.5454545 L7.27272727,34.5454545 L7.27272727,30.9090909 L18.1818182,30.9090909 L18.1818182,34.5454545 Z M25.4545455,27.2727273 L7.27272727,27.2727273 L7.27272727,23.6363636 L25.4545455,23.6363636 L25.4545455,27.2727273 Z M25.4545455,20 L7.27272727,20 L7.27272727,16.3636364 L25.4545455,16.3636364 L25.4545455,20 Z">
                          
                      
                  
              
          </svg>
        
        
           类=“下拉标题文本-深色字体-粗体-粗体 d-flex 对齐-内容-中心对齐-项目-中心 p-0”>基金会
          <跨度 类=“短信”>查看我们的颜色、图标和版式
        
      
    
  
  <李 类=“导航项目”>
    <一 类=“下拉项 py-2 ps-3 边框半径-md” 链接=“javascript:;”>
       类=“d-柔性”>
         类=“图标 h-10 me-3 d-flex mt-1”>
           类=“文本次要” 宽度=“16 像素” 高度=“16 像素” 视图框="0 0 42 42" 版本="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
              <标题>盒子-3d-50
              <克 行程=“无” 笔划宽度="1" 填充=“无” 填充规则=“偶数”>
                  <克 变换=“翻译（-2319.000000，-291.000000）” 填充=“#FFFFFF” 填充规则=“非零”>
                      <克 变换=“翻译（1716.000000，291.000000）”>
                          <克 编号=“盒子-3d-50” 变换=“翻译（603.000000，0.000000）”>
                              <路径 类=“颜色背景” d="M22.7597136,19.3090182 L38.8987031,11.2395234 C39.3926816,10.9925342 39.592906,10.3918611 39.3459167,9.89788265 C39.249157,9.70436312 39.0922432,9.5474453 38.8987261,9.45068056 L20.2741875,0.1378125 L20.2741875,0.1378125 C19.905375,-0.04725 19.469625,-0.04725 19.0995,0.1378125 L3.1011696,8.13815822 C2.60720568,8.38517662 2.40701679,8.98586148 2.6540352,9.4798254 C2.75080129,9.67332903 2.90771305,9.83023153 3.10122239,9.9269862 L21.8652864,19.3090182 C22.1468139,19.4497819 22.4781861,19.4497819 22.7597136,19.3090182 Z">
                              <路径 类=“颜色背景” d="M23.625,22.429159 L23.625,39.8805372 C23.625,40.4328219 24.0727153,40.8805372 24.625,40.8805372 C24.7802551,40.8805372 24.9333778,40.8443874 25.0722402,40.7749511 L41.2741875,32.673375 L41.2741875,32.673375 C41.719125,32.4515625 42,31.9974375 42,31.5 L42,14.241659 C42,13.6893742 41.5522847,13.241659 41,13.241659 C40.8447549,13.241659 40.6916418,13.2778041 40.5527864,13.3472318 L24.1777864,21.5347318 C23.8390024,21.7041238 23.625,22.0503869 23.625,22.429159 Z" 不透明度="0.7">
                              <路径 类=“颜色背景” d="M20.4472136,21.5347318 L1.4472136,12.0347318 C0.953235098,11.7877425 0.352562058,11.9879669 0.105572809,12.4819454 C0.0361450918,12.6208008 6.47121774e-16,12.7739139 0,12.929159 L0,30.1875 L0,30.1875 C0,30.6849375 0.280875,31.1390625 0.7258125,31.3621875 L19.5528096,40.7750766 C20.0467945,41.0220531 20.6474623,40.8218132 20.8944388,40.3278283 C20.963859,40.1889789 21,40.0358742 21,39.8806379 L21,22.429159 C21,22.0503869 20.7859976,21.7041238 20.4472136,21.5347318 Z" 不透明度="0.7">
                          
                      
                  
              
          </svg>
        
        
           类=“下拉标题文本-深色字体-粗体-粗体 d-flex 对齐-内容-中心对齐-项目-中心 p-0”>组件
          <跨度 类=“短信”>探索我们完全设计的组件系列
        
      
    
  
  <李 类=“导航项目”>
    <一 类=“下拉项 py-2 ps-3 边框半径-md” 链接=“javascript:;”>
       类=“d-柔性”>
         类=“图标 h-10 me-3 d-flex mt-1”>
           类=“文本次要” 宽度=“16 像素” 高度=“16 像素” 视图框="0 0 40 44" 版本="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
              <标题>开关
              <克 行程=“无” 笔划宽度="1" 填充=“无” 填充规则=“偶数”>
                  <克 变换=“翻译（-1870.000000，-440.000000）” 填充=“#FFFFFF” 填充规则=“非零”>
                      <克 变换=“翻译（1716.000000，291.000000）”>
                          <克 变换=“翻译（154.000000，149.000000）”>
                              <路径 类=“颜色背景” d="M10,20 L30,20 C35.4545455,20 40,15.4545455 40,10 C40,4.54545455 35.4545455,0 30,0 L10,0 C4.54545455,0 0,4.54545455 0,10 C0,15.4545455 4.54545455,20 10,20 Z M10,3.63636364 C13.4545455,3.63636364 16.3636364,6.54545455 16.3636364,10 C16.3636364,13.4545455 13.4545455,16.3636364 10,16.3636364 C6.54545455,16.3636364 3.63636364,13.4545455 3.63636364,10 C3.63636364,6.54545455 6.54545455,3.63636364 10,3.63636364 Z" 不透明度="0.6">
                              <路径 类=“颜色背景” d="M30,23.6363636 L10,23.6363636 C4.54545455,23.6363636 0,28.1818182 0,33.6363636 C0,39.0909091 4.54545455,43.6363636 10,43.6363636 L30,43.6363636 C35.4545455,43.6363636 40,39.0909091 40,33.6363636 C40,28.1818182 35.4545455,23.6363636 30,23.6363636 Z M30,40 C26.5454545,40 23.6363636,37.0909091 23.6363636,33.6363636 C23.6363636,30.1818182 26.5454545,27.2727273 30,27.2727273 C33.4545455,27.2727273 36.3636364,30.1818182 36.3636364,33.6363636 C36.3636364,37.0909091 33.4545455,40 30,40 Z">
                          
                      
                  
              
          </svg>
        
        
           类=“下拉标题文本-深色字体-粗体-粗体 d-flex 对齐-内容-中心对齐-项目-中心 p-0”>插件
          <跨度 类=“短信”>检查如何集成我们的插件
        
      
    
  
  <李 类=“导航项目”>
    <一 类=“下拉项 py-2 ps-3 边框半径-md” 链接=“javascript:;”>
       类=“d-柔性”>
         类=“图标 h-10 me-3 d-flex mt-1”>
           类=“文本次要” 宽度=“16 像素” 高度=“16 像素” 视图框="0 0 40 40" 版本="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
              <标题>设置
              <克 行程=“无” 笔划宽度="1" 填充=“无” 填充规则=“偶数”>
                  <克 变换=“翻译（-2020.000000，-442.000000）” 填充=“#FFFFFF” 填充规则=“非零”>
                      <克 变换=“翻译（1716.000000，291.000000）”>
                          <克 变换=“翻译（304.000000，151.000000）”>
                              <多边形 类=“颜色背景” 不透明度="0.596981957" 点="18.0883333 15.7316667 11.1783333 8.82166667 13.3333333 6.66666667 6.66666667 0 0 6.66666667 6.66666667 13.3333333 8.82166667 11.1783333 15.315 17.6716667">
                              <路径 类=“颜色背景” d="M31.5666667,23.2333333 C31.0516667,23.2933333 30.53,23.3333333 30,23.3333333 C29.4916667,23.3333333 28.9866667,23.3033333 28.48,23.245 L22.4116667,30.7433333 L29.9416667,38.2733333 C32.2433333,40.575 35.9733333,40.575 38.275,38.2733333 L38.275,38.2733333 C40.5766667,35.9716667 40.5766667,32.2416667 38.275,29.94 L31.5666667,23.2333333 Z" 不透明度="0.596981957">
                              <路径 类=“颜色背景” d="M33.785,11.285 L28.715,6.215 L34.0616667,0.868333333 C32.82,0.315 31.4483333,0 30,0 C24.4766667,0 20,4.47666667 20,10 C20,10.99 20.1483333,11.9433333 20.4166667,12.8466667 L2.435,27.3966667 C0.95,28.7083333 0.0633333333,30.595 0.00333333333,32.5733333 C-0.0583333333,34.5533333 0.71,36.4916667 2.11,37.89 C3.47,39.2516667 5.27833333,40 7.20166667,40 C9.26666667,40 11.2366667,39.1133333 12.6033333,37.565 L27.1533333,19.5833333 C28.0566667,19.8516667 29.01,20 30,20 C35.5233333,20 40,15.5233333 40,10 C40,8.55166667 39.685,7.18 39.1316667,5.93666667 L33.785,11.285 Z">
                          
                      
                  
              
          </svg>
        
        
           类=“下拉标题文本-深色字体-粗体-粗体 d-flex 对齐-内容-中心对齐-项目-中心 p-0”>实用程序类
          <跨度 类=“短信”>对于那些想要灵活性的人，请使用我们的实用程序类
        
      
    
  


 类=“行 d-lg-无”>
   类=“col-md-12 g-0”>
    <一 类=“下拉项 py-2 ps-3 边框半径-md” 链接=“javascript:;”>
       类=“d-柔性”>
         类=“图标 h-10 me-3 d-flex mt-1”>
           类=“文本次要” 宽度=“16 像素” 高度=“16 像素” 视图框="0 0 40 40" 版本="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
              <标题>宇宙飞船
              <克 行程=“无” 笔划宽度="1" 填充=“无” 填充规则=“偶数”>
                <克 变换=“翻译（-1720.000000，-592.000000）” 填充=“#FFFFFF” 填充规则=“非零”>
                  <克 变换=“翻译（1716.000000，291.000000）”>
                    <克 变换=“翻译（4.000000，301.000000）”>
                      <路径 类=“颜色背景” d="M39.3,0.706666667 C38.9660984,0.370464027 38.5048767,0.192278529 38.0316667,0.216666667 C14.6516667,1.43666667 6.015,22.2633333 5.93166667,22.4733333 C5.68236407,23.0926189 5.82664679,23.8009159 6.29833333,24.2733333 L15.7266667,33.7016667 C16.2013871,34.1756798 16.9140329,34.3188658 17.535,34.065 C17.7433333,33.98 38.4583333,25.2466667 39.7816667,1.97666667 C39.8087196,1.50414529 39.6335979,1.04240574 39.3,0.706666667 Z M25.69,19.0233333 C24.7367525,19.9768687 23.3029475,20.2622391 22.0572426,19.7463614 C20.8115377,19.2304837 19.9992882,18.0149658 19.9992882,16.6666667 C19.9992882,15.3183676 20.8115377,14.1028496 22.0572426,13.5869719 C23.3029475,13.0710943 24.7367525,13.3564646 25.69,14.31 C26.9912731,15.6116662 26.9912731,17.7216672 25.69,19.0233333 L25.69,19.0233333 Z">
                      <路径 类=“颜色背景” d="M1.855,31.4066667 C3.05106558,30.2024182 4.79973884,29.7296005 6.43969145,30.1670277 C8.07964407,30.6044549 9.36054508,31.8853559 9.7979723,33.5253085 C10.2353995,35.1652612 9.76258177,36.9139344 8.55833333,38.11 C6.70666667,39.9616667 0,40 0,40 C0,40 0,33.2566667 1.855,31.4066667 Z">
                      <路径 类=“颜色背景” d="M17.2616667,3.90166667 C12.4943643,3.07192755 7.62174065,4.61673894 4.20333333,8.04166667 C3.31200265,8.94126033 2.53706177,9.94913142 1.89666667,11.0416667 C1.5109569,11.6966059 1.61721591,12.5295394 2.155,13.0666667 L5.47,16.3833333 C8.55036617,11.4946947 12.5559074,7.25476565 17.2616667,3.90166667 L17.2616667,3.90166667 Z" 不透明度="0.598539807">
                      <路径 类=“颜色背景” d="M36.0983333,22.7383333 C36.9280725,27.5056357 35.3832611,32.3782594 31.9583333,35.7966667 C31.0587397,36.6879974 30.0508686,37.4629382 28.9583333,38.1033333 C28.3033941,38.4890431 27.4704606,38.3827841 26.9333333,37.845 L23.6166667,34.53 C28.5053053,31.4496338 32.7452344,27.4440926 36.0983333,22.7383333 L36.0983333,22.7383333 Z" 不透明度="0.598539807">
                    
                  
                
              
            </svg>
          
        
           类=“下拉标题文本-深色字体-粗体-粗体 d-flex 对齐-内容-中心对齐-项目-中心 p-0”>开始使用
          <跨度 类=“短信”>关于概述、快速入门、许可证和内容的所有信息
        
      
    

    <一 类=“下拉项 py-2 ps-3 边框半径-md” 链接=“javascript:;”>
       类=“d-柔性”>
         类=“图标 h-10 me-3 d-flex mt-1”>
           类=“文本次要” 宽度=“16 像素” 高度=“16 像素” 视图框="0 0 40 44" 版本="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
            <标题>文件
              <克 行程=“无” 笔划宽度="1" 填充=“无” 填充规则=“偶数”>
                <克 变换=“翻译（-1870.000000，-591.000000）” 填充=“#FFFFFF” 填充规则=“非零”>
                  <克 变换=“翻译（1716.000000，291.000000）”>
                    <克 变换=“翻译（154.000000，300.000000）”>
                      <路径 类=“颜色背景” d="M40,40 L36.3636364,40 L36.3636364,3.63636364 L5.45454545,3.63636364 L5.45454545,0 L38.1818182,0 C39.1854545,0 40,0.814545455 40,1.81818182 L40,40 Z" 不透明度="0.603585379">
                      <路径 类=“颜色背景” d="M30.9090909,7.27272727 L1.81818182,7.27272727 C0.814545455,7.27272727 0,8.08727273 0,9.09090909 L0,41.8181818 C0,42.8218182 0.814545455,43.6363636 1.81818182,43.6363636 L30.9090909,43.6363636 C31.9127273,43.6363636 32.7272727,42.8218182 32.7272727,41.8181818 L32.7272727,9.09090909 C32.7272727,8.08727273 31.9127273,7.27272727 30.9090909,7.27272727 Z M18.1818182,34.5454545 L7.27272727,34.5454545 L7.27272727,30.9090909 L18.1818182,30.9090909 L18.1818182,34.5454545 Z M25.4545455,27.2727273 L7.27272727,27.2727273 L7.27272727,23.6363636 L25.4545455,23.6363636 L25.4545455,27.2727273 Z M25.4545455,20 L7.27272727,20 L7.27272727,16.3636364 L25.4545455,16.3636364 L25.4545455,20 Z">
                    
                  
                
              
            </svg>
          
        
           类=“下拉标题文本-深色字体-粗体-粗体 d-flex 对齐-内容-中心对齐-项目-中心 p-0”>基金会
          <跨度 类=“短信”>查看我们的颜色、图标和版式
        
      
    

    <一 类=“下拉项 py-2 ps-3 边框半径-md” 链接=“javascript:;”>
       类=“d-柔性”>
         类=“图标 h-10 me-3 d-flex mt-1”>
           类=“文本次要” 宽度=“16 像素” 高度=“16 像素” 视图框="0 0 42 42" 版本="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
              <标题>盒子-3d-50
              <克 行程=“无” 笔划宽度="1" 填充=“无” 填充规则=“偶数”>
                  <克 变换=“翻译（-2319.000000，-291.000000）” 填充=“#FFFFFF” 填充规则=“非零”>
                      <克 变换=“翻译（1716.000000，291.000000）”>
                          <克 变换=“翻译（603.000000，0.000000）”>
                              <路径 类=“颜色背景” d="M22.7597136,19.3090182 L38.8987031,11.2395234 C39.3926816,10.9925342 39.592906,10.3918611 39.3459167,9.89788265 C39.249157,9.70436312 39.0922432,9.5474453 38.8987261,9.45068056 L20.2741875,0.1378125 L20.2741875,0.1378125 C19.905375,-0.04725 19.469625,-0.04725 19.0995,0.1378125 L3.1011696,8.13815822 C2.60720568,8.38517662 2.40701679,8.98586148 2.6540352,9.4798254 C2.75080129,9.67332903 2.90771305,9.83023153 3.10122239,9.9269862 L21.8652864,19.3090182 C22.1468139,19.4497819 22.4781861,19.4497819 22.7597136,19.3090182 Z">
                              <路径 类=“颜色背景” d="M23.625,22.429159 L23.625,39.8805372 C23.625,40.4328219 24.0727153,40.8805372 24.625,40.8805372 C24.7802551,40.8805372 24.9333778,40.8443874 25.0722402,40.7749511 L41.2741875,32.673375 L41.2741875,32.673375 C41.719125,32.4515625 42,31.9974375 42,31.5 L42,14.241659 C42,13.6893742 41.5522847,13.241659 41,13.241659 C40.8447549,13.241659 40.6916418,13.2778041 40.5527864,13.3472318 L24.1777864,21.5347318 C23.8390024,21.7041238 23.625,22.0503869 23.625,22.429159 Z" 不透明度="0.7">
                              <路径 类=“颜色背景” d="M20.4472136,21.5347318 L1.4472136,12.0347318 C0.953235098,11.7877425 0.352562058,11.9879669 0.105572809,12.4819454 C0.0361450918,12.6208008 6.47121774e-16,12.7739139 0,12.929159 L0,30.1875 L0,30.1875 C0,30.6849375 0.280875,31.1390625 0.7258125,31.3621875 L19.5528096,40.7750766 C20.0467945,41.0220531 20.6474623,40.8218132 20.8944388,40.3278283 C20.963859,40.1889789 21,40.0358742 21,39.8806379 L21,22.429159 C21,22.0503869 20.7859976,21.7041238 20.4472136,21.5347318 Z" 不透明度="0.7">
                          
                      
                  
              
          </svg>
        
        
           类=“下拉标题文本-深色字体-粗体-粗体 d-flex 对齐-内容-中心对齐-项目-中心 p-0”>组件
          <跨度 类=“短信”>探索我们完全设计的组件系列
        
      
    

    <一 类=“下拉项 py-2 ps-3 边框半径-md” 链接=“javascript:;”>
       类=“d-柔性”>
         类=“图标 h-10 me-3 d-flex mt-1”>
           类=“文本次要” 宽度=“16 像素” 高度=“16 像素” 视图框="0 0 40 44" 版本="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
              <标题>开关
              <克 行程=“无” 笔划宽度="1" 填充=“无” 填充规则=“偶数”>
                  <克 变换=“翻译（-1870.000000，-440.000000）” 填充=“#FFFFFF” 填充规则=“非零”>
                      <克 变换=“翻译（1716.000000，291.000000）”>
                          <克 变换=“翻译（154.000000，149.000000）”>
                              <路径 类=“颜色背景” d="M10,20 L30,20 C35.4545455,20 40,15.4545455 40,10 C40,4.54545455 35.4545455,0 30,0 L10,0 C4.54545455,0 0,4.54545455 0,10 C0,15.4545455 4.54545455,20 10,20 Z M10,3.63636364 C13.4545455,3.63636364 16.3636364,6.54545455 16.3636364,10 C16.3636364,13.4545455 13.4545455,16.3636364 10,16.3636364 C6.54545455,16.3636364 3.63636364,13.4545455 3.63636364,10 C3.63636364,6.54545455 6.54545455,3.63636364 10,3.63636364 Z" 不透明度="0.6">
                              <路径 类=“颜色背景” d="M30,23.6363636 L10,23.6363636 C4.54545455,23.6363636 0,28.1818182 0,33.6363636 C0,39.0909091 4.54545455,43.6363636 10,43.6363636 L30,43.6363636 C35.4545455,43.6363636 40,39.0909091 40,33.6363636 C40,28.1818182 35.4545455,23.6363636 30,23.6363636 Z M30,40 C26.5454545,40 23.6363636,37.0909091 23.6363636,33.6363636 C23.6363636,30.1818182 26.5454545,27.2727273 30,27.2727273 C33.4545455,27.2727273 36.3636364,30.1818182 36.3636364,33.6363636 C36.3636364,37.0909091 33.4545455,40 30,40 Z">
                          
                      
                  
              
          </svg>
        
        
           类=“下拉标题文本-深色字体-粗体-粗体 d-flex 对齐-内容-中心对齐-项目-中心 p-0”>插件
          <跨度 类=“短信”>检查如何集成我们的插件
        
      
    

    <一 类=“下拉项 py-2 ps-3 边框半径-md” 链接=“javascript:;”>
       类=“d-柔性”>
         类=“图标 h-10 me-3 d-flex mt-1”>
           类=“文本次要” 宽度=“16 像素” 高度=“16 像素” 视图框="0 0 40 40" 版本="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
              <标题>设置
              <克 行程=“无” 笔划宽度="1" 填充=“无” 填充规则=“偶数”>
                  <克 变换=“翻译（-2020.000000，-442.000000）” 填充=“#FFFFFF” 填充规则=“非零”>
                      <克 变换=“翻译（1716.000000，291.000000）”>
                          <克 变换=“翻译（304.000000，151.000000）”>
                              <多边形 类=“颜色背景” 不透明度="0.596981957" 点="18.0883333 15.7316667 11.1783333 8.82166667 13.3333333 6.66666667 6.66666667 0 0 6.66666667 6.66666667 13.3333333 8.82166667 11.1783333 15.315 17.6716667">
                              <路径 类=“颜色背景” d="M31.5666667,23.2333333 C31.0516667,23.2933333 30.53,23.3333333 30,23.3333333 C29.4916667,23.3333333 28.9866667,23.3033333 28.48,23.245 L22.4116667,30.7433333 L29.9416667,38.2733333 C32.2433333,40.575 35.9733333,40.575 38.275,38.2733333 L38.275,38.2733333 C40.5766667,35.9716667 40.5766667,32.2416667 38.275,29.94 L31.5666667,23.2333333 Z" 不透明度="0.596981957">
                              <路径 类=“颜色背景” d="M33.785,11.285 L28.715,6.215 L34.0616667,0.868333333 C32.82,0.315 31.4483333,0 30,0 C24.4766667,0 20,4.47666667 20,10 C20,10.99 20.1483333,11.9433333 20.4166667,12.8466667 L2.435,27.3966667 C0.95,28.7083333 0.0633333333,30.595 0.00333333333,32.5733333 C-0.0583333333,34.5533333 0.71,36.4916667 2.11,37.89 C3.47,39.2516667 5.27833333,40 7.20166667,40 C9.26666667,40 11.2366667,39.1133333 12.6033333,37.565 L27.1533333,19.5833333 C28.0566667,19.8516667 29.01,20 30,20 C35.5233333,20 40,15.5233333 40,10 C40,8.55166667 39.685,7.18 39.1316667,5.93666667 L33.785,11.285 Z">
                          
                      
                  
              
          </svg>
        
        
           类=“下拉标题文本-深色字体-粗体-粗体 d-flex 对齐-内容-中心对齐-项目-中心 p-0”>实用程序类
          <跨度 类=“短信”>关于概述、快速入门、许可证和内容的所有信息
        
      
    
  


          
        
        <李 类=“导航项 ms-lg-auto my-auto ms-3 ms-lg-0”>
          <一 链接="https://www.creative-tim.com/product/material-kit-pro" 类=“btn btn-sm bg-梯度-主 mb-0 me-1 mt-2 mt-md-0”>升级到专业版

导航栏透明

预览
代码

复制

  
<导航
  类=“导航栏 navbar-expand-lg 位置-绝对 top-0 z-index-3 w-100 阴影-无 my-3 导航栏透明”>
   类=“容器”>
    <一 类=“导航栏品牌文字白色” 链接="https://demos.creative-tim.com/material-kit/presentation" 相对=“工具提示” 标题=“由创意蒂姆设计和编码” 数据放置=“底部” 目标=“_空白”>
      材料套件2
    
    <按钮 类=“导航栏切换器阴影无 MS-2” 类型=“按钮” 数据-bs-切换=“崩溃” 数据-bs-目标=“#导航” 咏叹调控制=“导航” 咏叹调扩展=“假” 咏叹调标签=“切换导航”>
      <跨度 类=“导航栏切换器图标 mt-2”>
        <跨度 类=“导航栏切换栏 bar1”>
        <跨度 类=“导航栏切换栏 bar2”>
        <跨度 类=“导航栏切换栏 bar3”>
      
    
     类=“折叠导航栏-折叠 w-100 pt-3 pb-2 py-lg-0 ms-lg-12 ps-lg-5” 编号=“导航”>
       类=“导航栏-导航栏-导航栏-悬停w-100”>
        <李 类=“导航项下拉菜单下拉悬停 mx-2 ms-lg-6”>
          <一 类=“nav-link ps-2 d-flex 光标指针对齐项目中心” 编号=“下拉菜单页面2” 数据-bs-切换=“下拉菜单” 咏叹调扩展=“假”>
            <我 类=“材质图标不透明-6 me-2 文本-md”>仪表板
            页面
            <图片 源="./assets/img/down-arrow-white.svg" 替代=“向下箭头” 类=“箭头 ms-auto ms-md-2 d-lg-block d-none”>
            <图片 源="./assets/img/down-arrow-dark.svg" 替代=“向下箭头” 类=“箭头 ms-auto ms-md-2 d-lg-无 d-block”>
          
           类=“下拉菜单下拉菜单动画下拉-md p-3边框半径-lg mt-0 mt-lg-3” 咏叹调标记者=“下拉菜单页面2”>
             类=“d-无 d-lg-块”>
  <一 链接=“javascript:;” 类=“下拉项边框半径-md”>
    关于我们
  
  <一 链接=“javascript:;” 类=“下拉项边框半径-md”>
    联系我们
  
  <一 链接=“javascript:;” 类=“下拉项边框半径-md”>
    作者
  
  <一 链接=“javascript:;” 类=“下拉项边框半径-md”>
    登录



 类=“d-lg-无”>
  <一 链接=“javascript:;” 类=“下拉项边框半径-md”>
    关于我们
  
  <一 链接=“javascript:;” 类=“下拉项边框半径-md”>
    联系我们
  
  <一 链接=“javascript:;” 类=“下拉项边框半径-md”>
    作者
  
  <一 链接=“javascript:;” 类=“下拉项边框半径-md”>
    登录


        

        <李 类=“导航项下拉下拉菜单悬停 mx-2”>
          <一 类=“nav-link ps-2 d-flex 光标指针对齐项目中心” 编号=“下拉菜单块” 数据-bs-切换=“下拉菜单” 咏叹调扩展=“假”>
            <我 类=“材质图标不透明-6 me-2 文本-md”>查看日
            部分
            <图片 源="./assets/img/down-arrow-white.svg" 替代=“向下箭头” 类=“箭头 ms-auto ms-md-2 d-lg-block d-none”>
            <图片 源="./assets/img/down-arrow-dark.svg" 替代=“向下箭头” 类=“箭头 ms-auto ms-md-2 d-lg-无 d-block”>
          
           类=“下拉菜单下拉菜单动画下拉-lg下拉-lg-响应p-3边框-半径-lg mt-0 mt-lg-3” 咏叹调标记者=“下拉菜单块”>
             类=“d-无 d-lg-块”>
  <李 类=“导航项下拉下拉菜单悬停下拉子项目”>
    <一 类=“下拉项 py-2 ps-3 边框半径-md” 链接=“./presentation.html”>
       类=“d-柔性”>
         类=“图标 h-10 me-3 d-flex mt-1”>
          <我 类=“ni ni-single-copy-04 文本渐变文本主”>


         类=“w-100 d-flex 对齐项目中心对齐内容之间”>
          
             类=“下拉标题文本-深色字体-粗体-粗体 d-flex 对齐-内容-中心对齐-项目-中心 p-0”>页面部分
            <跨度 类=“短信”>查看全部 109 个部分
          

          <图片 源="./assets/img/down-arrow.svg" 替代=“向下箭头” 类=“箭头”>


      
    
     类=“下拉菜单 mt-0 py-3 px-2 mt-3” 咏叹调标记者=“页面部分”>
      <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
        页眉
      
      <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
        功能
      
      <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
        价格
      
      <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
        常见问题
      
      <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
        博客文章
      
      <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
        客户评价
      
      <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
        团队
      
      <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
        统计数据
      
      <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
        号召性用语
      
      <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
        标志区域
      
    
  


 类=“行 d-lg-无”>
   类=“col-md-12”>
     类=“d-flex mb-2”>
       类=“图标 h-10 me-3 d-flex mt-1”>
        <我 类=“ni ni-single-copy-04 文本渐变文本主”>
      
       类=“w-100 d-flex 对齐项目中心对齐内容之间”>
        
           类=“下拉标题文本-深色字体-粗体-粗体 d-flex 对齐-内容-中心对齐-项目-中心 p-0”>页面部分
        
      
    
    <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
      页眉
    
    <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
      功能
    
    <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
      价格
    
    <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
      常见问题
    
    <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
      博客文章
    
    <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
      客户评价
    
    <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
      团队
    
    <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
      统计数据
    
    <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
      号召性用语
    
    <一 类=“下拉项 ps-3 border-radius-md mb-1” 链接=“javascript:;”>
      应用
    
  


          
        

        <李 类=“导航项下拉下拉菜单悬停 mx-2”>
          <一 类=“nav-link ps-2 d-flex 光标指针对齐项目中心” 编号=“下拉菜单文档” 数据-bs-切换=“下拉菜单” 咏叹调扩展=“假”>
            <我 类=“材质图标不透明-6 me-2 文本-md”>文章
            文档
            <图片 源="./assets/img/down-arrow-white.svg" 替代=“向下箭头” 类=“箭头 ms-auto ms-md-2 d-lg-block d-none”>
            <图片 源="./assets/img/down-arrow-dark.svg" 替代=“向下箭头” 类=“箭头 ms-auto ms-md-2 d-lg-无 d-block”>
          
           类=“下拉菜单下拉菜单动画下拉-lg mt-0 mt-lg-3 p-3边框半径-lg” 咏叹调标记者=“下拉菜单文档”>
             类=“d-无 d-lg-块”>
  <李 类=“导航项目”>
    <一 类=“下拉项 py-2 ps-3 边框半径-md” 链接=“javascript:;”>
       类=“d-柔性”>
         类=“图标 h-10 me-3 d-flex mt-1”>
           类=“文本次要” 宽度=“16 像素” 高度=“16 像素” 视图框="0 0 40 40" 版本="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
              <标题>宇宙飞船
              <克 行程=“无” 笔划宽度="1" 填充=“无” 填充规则=“偶数”>
                  <克 变换=“翻译（-1720.000000，-592.000000）” 填充=“#FFFFFF” 填充规则=“非零”>
                      <克 变换=“翻译（1716.000000，291.000000）”>
                          <克 变换=“翻译（4.000000，301.000000）”>
                              <路径 类=“颜色背景” d="M39.3,0.706666667 C38.9660984,0.370464027 38.5048767,0.192278529 38.0316667,0.216666667 C14.6516667,1.43666667 6.015,22.2633333 5.93166667,22.4733333 C5.68236407,23.0926189 5.82664679,23.8009159 6.29833333,24.2733333 L15.7266667,33.7016667 C16.2013871,34.1756798 16.9140329,34.3188658 17.535,34.065 C17.7433333,33.98 38.4583333,25.2466667 39.7816667,1.97666667 C39.8087196,1.50414529 39.6335979,1.04240574 39.3,0.706666667 Z M25.69,19.0233333 C24.7367525,19.9768687 23.3029475,20.2622391 22.0572426,19.7463614 C20.8115377,19.2304837 19.9992882,18.0149658 19.9992882,16.6666667 C19.9992882,15.3183676 20.8115377,14.1028496 22.0572426,13.5869719 C23.3029475,13.0710943 24.7367525,13.3564646 25.69,14.31 C26.9912731,15.6116662 26.9912731,17.7216672 25.69,19.0233333 L25.69,19.0233333 Z">
                              <路径 类=“颜色背景” d="M1.855,31.4066667 C3.05106558,30.2024182 4.79973884,29.7296005 6.43969145,30.1670277 C8.07964407,30.6044549 9.36054508,31.8853559 9.7979723,33.5253085 C10.2353995,35.1652612 9.76258177,36.9139344 8.55833333,38.11 C6.70666667,39.9616667 0,40 0,40 C0,40 0,33.2566667 1.855,31.4066667 Z">
                              <路径 类=“颜色背景” d="M17.2616667,3.90166667 C12.4943643,3.07192755 7.62174065,4.61673894 4.20333333,8.04166667 C3.31200265,8.94126033 2.53706177,9.94913142 1.89666667,11.0416667 C1.5109569,11.6966059 1.61721591,12.5295394 2.155,13.0666667 L5.47,16.3833333 C8.55036617,11.4946947 12.5559074,7.25476565 17.2616667,3.90166667 L17.2616667,3.90166667 Z" 不透明度="0.598539807">
                              <路径 类=“颜色背景” d="M36.0983333,22.7383333 C36.9280725,27.5056357 35.3832611,32.3782594 31.9583333,35.7966667 C31.0587397,36.6879974 30.0508686,37.4629382 28.9583333,38.1033333 C28.3033941,38.4890431 27.4704606,38.3827841 26.9333333,37.845 L23.6166667,34.53 C28.5053053,31.4496338 32.7452344,27.4440926 36.0983333,22.7383333 L36.0983333,22.7383333 Z" 不透明度="0.598539807">
                          
                      
                  
              
          </svg>
        
        
           类=“下拉标题文本-深色字体-粗体-粗体 d-flex 对齐-内容-中心对齐-项目-中心 p-0”>开始使用
          <跨度 类=“短信”>关于概述、快速入门、许可证和内容的所有信息
        
      
    
  
  <李 类=“导航项目”>
    <一 类=“下拉项 py-2 ps-3 边框半径-md” 链接=“javascript:;”>
       类=“d-柔性”>
         类=“图标 h-10 me-3 d-flex mt-1”>
           类=“文本次要” 宽度=“16 像素” 高度=“16 像素” 视图框="0 0 40 44" 版本="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
              <标题>文件
              <克 行程=“无” 笔划宽度="1" 填充=“无” 填充规则=“偶数”>
                  <克 变换=“翻译（-1870.000000，-591.000000）” 填充=“#FFFFFF” 填充规则=“非零”>
                      <克 变换=“翻译（1716.000000，291.000000）”>
                          <克 编号=“文件” 变换=“翻译（154.000000，300.000000）”>
                              <路径 类=“颜色背景” d="M40,40 L36.3636364,40 L36.3636364,3.63636364 L5.45454545,3.63636364 L5.45454545,0 L38.1818182,0 C39.1854545,0 40,0.814545455 40,1.81818182 L40,40 Z" 不透明度="0.603585379">
                              <路径 类=“颜色背景” d="M30.9090909,7.27272727 L1.81818182,7.27272727 C0.814545455,7.27272727 0,8.08727273 0,9.09090909 L0,41.8181818 C0,42.8218182 0.814545455,43.6363636 1.81818182,43.6363636 L30.9090909,43.6363636 C31.9127273,43.6363636 32.7272727,42.8218182 32.7272727,41.8181818 L32.7272727,9.09090909 C32.7272727,8.08727273 31.9127273,7.27272727 30.9090909,7.27272727 Z M18.1818182,34.5454545 L7.27272727,34.5454545 L7.27272727,30.9090909 L18.1818182,30.9090909 L18.1818182,34.5454545 Z M25.4545455,27.2727273 L7.27272727,27.2727273 L7.27272727,23.6363636 L25.4545455,23.6363636 L25.4545455,27.2727273 Z M25.4545455,20 L7.27272727,20 L7.27272727,16.3636364 L25.4545455,16.3636364 L25.4545455,20 Z">
                          
                      
                  
              
          </svg>
        
        
           类=“下拉标题文本-深色字体-粗体-粗体 d-flex 对齐-内容-中心对齐-项目-中心 p-0”>基金会
          <跨度 类=“短信”>查看我们的颜色、图标和版式
        
      
    
  
  <李 类=“导航项目”>
    <一 类=“下拉项 py-2 ps-3 边框半径-md” 链接=“javascript:;”>
       类=“d-柔性”>
         类=“图标 h-10 me-3 d-flex mt-1”>
           类=“文本次要” 宽度=“16 像素” 高度=“16 像素” 视图框="0 0 42 42" 版本="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
              <标题>盒子-3d-50
              <克 行程=“无” 笔划宽度="1" 填充=“无” 填充规则=“偶数”>
                  <克 变换=“翻译（-2319.000000，-291.000000）” 填充=“#FFFFFF” 填充规则=“非零”>
                      <克 变换=“翻译（1716.000000，291.000000）”>
                          <克 编号=“盒子-3d-50” 变换=“翻译（603.000000，0.000000）”>
                              <路径 类=“颜色背景” d="M22.7597136,19.3090182 L38.8987031,11.2395234 C39.3926816,10.9925342 39.592906,10.3918611 39.3459167,9.89788265 C39.249157,9.70436312 39.0922432,9.5474453 38.8987261,9.45068056 L20.2741875,0.1378125 L20.2741875,0.1378125 C19.905375,-0.04725 19.469625,-0.04725 19.0995,0.1378125 L3.1011696,8.13815822 C2.60720568,8.38517662 2.40701679,8.98586148 2.6540352,9.4798254 C2.75080129,9.67332903 2.90771305,9.83023153 3.10122239,9.9269862 L21.8652864,19.3090182 C22.1468139,19.4497819 22.4781861,19.4497819 22.7597136,19.3090182 Z">
                              <路径 类=“颜色背景” d="M23.625,22.429159 L23.625,39.8805372 C23.625,40.4328219 24.0727153,40.8805372 24.625,40.8805372 C24.7802551,40.8805372 24.9333778,40.8443874 25.0722402,40.7749511 L41.2741875,32.673375 L41.2741875,32.673375 C41.719125,32.4515625 42,31.9974375 42,31.5 L42,14.241659 C42,13.6893742 41.5522847,13.241659 41,13.241659 C40.8447549,13.241659 40.6916418,13.2778041 40.5527864,13.3472318 L24.1777864,21.5347318 C23.8390024,21.7041238 23.625,22.0503869 23.625,22.429159 Z" 不透明度="0.7">
                              <路径 类=“颜色背景” d="M20.4472136,21.5347318 L1.4472136,12.0347318 C0.953235098,11.7877425 0.352562058,11.9879669 0.105572809,12.4819454 C0.0361450918,12.6208008 6.47121774e-16,12.7739139 0,12.929159 L0,30.1875 L0,30.1875 C0,30.6849375 0.280875,31.1390625 0.7258125,31.3621875 L19.5528096,40.7750766 C20.0467945,41.0220531 20.6474623,40.8218132 20.8944388,40.3278283 C20.963859,40.1889789 21,40.0358742 21,39.8806379 L21,22.429159 C21,22.0503869 20.7859976,21.7041238 20.4472136,21.5347318 Z" 不透明度="0.7">
                          
                      
                  
              
          </svg>
        
        
           类=“下拉标题文本-深色字体-粗体-粗体 d-flex 对齐-内容-中心对齐-项目-中心 p-0”>组件
          <跨度 类=“短信”>探索我们完全设计的组件系列
        
      
    
  
  <李 类=“导航项目”>
    <一 类=“下拉项 py-2 ps-3 边框半径-md” 链接=“javascript:;”>
       类=“d-柔性”>
         类=“图标 h-10 me-3 d-flex mt-1”>
           类=“文本次要” 宽度=“16 像素” 高度=“16 像素” 视图框="0 0 40 44" 版本="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
              <标题>开关
              <克 行程=“无” 笔划宽度="1" 填充=“无” 填充规则=“偶数”>
                  <克 变换=“翻译（-1870.000000，-440.000000）” 填充=“#FFFFFF” 填充规则=“非零”>
                      <克 变换=“翻译（1716.000000，291.000000）”>
                          <克 变换=“翻译（154.000000，149.000000）”>
                              <路径 类=“颜色背景” d="M10,20 L30,20 C35.4545455,20 40,15.4545455 40,10 C40,4.54545455 35.4545455,0 30,0 L10,0 C4.54545455,0 0,4.54545455 0,10 C0,15.4545455 4.54545455,20 10,20 Z M10,3.63636364 C13.4545455,3.63636364 16.3636364,6.54545455 16.3636364,10 C16.3636364,13.4545455 13.4545455,16.3636364 10,16.3636364 C6.54545455,16.3636364 3.63636364,13.4545455 3.63636364,10 C3.63636364,6.54545455 6.54545455,3.63636364 10,3.63636364 Z" 不透明度="0.6">
                              <路径 类=“颜色背景” d="M30,23.6363636 L10,23.6363636 C4.54545455,23.6363636 0,28.1818182 0,33.6363636 C0,39.0909091 4.54545455,43.6363636 10,43.6363636 L30,43.6363636 C35.4545455,43.6363636 40,39.0909091 40,33.6363636 C40,28.1818182 35.4545455,23.6363636 30,23.6363636 Z M30,40 C26.5454545,40 23.6363636,37.0909091 23.6363636,33.6363636 C23.6363636,30.1818182 26.5454545,27.2727273 30,27.2727273 C33.4545455,27.2727273 36.3636364,30.1818182 36.3636364,33.6363636 C36.3636364,37.0909091 33.4545455,40 30,40 Z">
                          
                      
                  
              
          </svg>
        
        
           类=“下拉标题文本-深色字体-粗体-粗体 d-flex 对齐-内容-中心对齐-项目-中心 p-0”>插件
          <跨度 类=“短信”>检查如何集成我们的插件
        
      
    
  
  <李 类=“导航项目”>
    <一 类=“下拉项 py-2 ps-3 边框半径-md” 链接=“javascript:;”>
       类=“d-柔性”>
         类=“图标 h-10 me-3 d-flex mt-1”>
           类=“文本次要” 宽度=“16 像素” 高度=“16 像素” 视图框="0 0 40 40" 版本="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
              <标题>设置
              <克 行程=“无” 笔划宽度="1" 填充=“无” 填充规则=“偶数”>
                  <克 变换=“翻译（-2020.000000，-442.000000）” 填充=“#FFFFFF” 填充规则=“非零”>
                      <克 变换=“翻译（1716.000000，291.000000）”>
                          <克 变换=“翻译（304.000000，151.000000）”>
                              <多边形 类=“颜色背景” 不透明度="0.596981957" 点="18.0883333 15.7316667 11.1783333 8.82166667 13.3333333 6.66666667 6.66666667 0 0 6.66666667 6.66666667 13.3333333 8.82166667 11.1783333 15.315 17.6716667">
                              <路径 类=“颜色背景” d="M31.5666667,23.2333333 C31.0516667,23.2933333 30.53,23.3333333 30,23.3333333 C29.4916667,23.3333333 28.9866667,23.3033333 28.48,23.245 L22.4116667,30.7433333 L29.9416667,38.2733333 C32.2433333,40.575 35.9733333,40.575 38.275,38.2733333 L38.275,38.2733333 C40.5766667,35.9716667 40.5766667,32.2416667 38.275,29.94 L31.5666667,23.2333333 Z" 不透明度="0.596981957">
                              <路径 类=“颜色背景” d="M33.785,11.285 L28.715,6.215 L34.0616667,0.868333333 C32.82,0.315 31.4483333,0 30,0 C24.4766667,0 20,4.47666667 20,10 C20,10.99 20.1483333,11.9433333 20.4166667,12.8466667 L2.435,27.3966667 C0.95,28.7083333 0.0633333333,30.595 0.00333333333,32.5733333 C-0.0583333333,34.5533333 0.71,36.4916667 2.11,37.89 C3.47,39.2516667 5.27833333,40 7.20166667,40 C9.26666667,40 11.2366667,39.1133333 12.6033333,37.565 L27.1533333,19.5833333 C28.0566667,19.8516667 29.01,20 30,20 C35.5233333,20 40,15.5233333 40,10 C40,8.55166667 39.685,7.18 39.1316667,5.93666667 L33.785,11.285 Z">
                          
                      
                  
              
          </svg>
        
        
           类=“下拉标题文本-深色字体-粗体-粗体 d-flex 对齐-内容-中心对齐-项目-中心 p-0”>实用程序类
          <跨度 类=“短信”>对于那些想要灵活性的人，请使用我们的实用程序类
        
      
    
  


 类=“行 d-lg-无”>
   类=“col-md-12 g-0”>
    <一 类=“下拉项 py-2 ps-3 边框半径-md” 链接=“javascript:;”>
       类=“d-柔性”>
         类=“图标 h-10 me-3 d-flex mt-1”>
           类=“文本次要” 宽度=“16 像素” 高度=“16 像素” 视图框="0 0 40 40" 版本="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
              <标题>宇宙飞船
              <克 行程=“无” 笔划宽度="1" 填充=“无” 填充规则=“偶数”>
                <克 变换=“翻译（-1720.000000，-592.000000）” 填充=“#FFFFFF” 填充规则=“非零”>
                  <克 变换=“翻译（1716.000000，291.000000）”>
                    <克 变换=“翻译（4.000000，301.000000）”>
                      <路径 类=“颜色背景” d="M39.3,0.706666667 C38.9660984,0.370464027 38.5048767,0.192278529 38.0316667,0.216666667 C14.6516667,1.43666667 6.015,22.2633333 5.93166667,22.4733333 C5.68236407,23.0926189 5.82664679,23.8009159 6.29833333,24.2733333 L15.7266667,33.7016667 C16.2013871,34.1756798 16.9140329,34.3188658 17.535,34.065 C17.7433333,33.98 38.4583333,25.2466667 39.7816667,1.97666667 C39.8087196,1.50414529 39.6335979,1.04240574 39.3,0.706666667 Z M25.69,19.0233333 C24.7367525,19.9768687 23.3029475,20.2622391 22.0572426,19.7463614 C20.8115377,19.2304837 19.9992882,18.0149658 19.9992882,16.6666667 C19.9992882,15.3183676 20.8115377,14.1028496 22.0572426,13.5869719 C23.3029475,13.0710943 24.7367525,13.3564646 25.69,14.31 C26.9912731,15.6116662 26.9912731,17.7216672 25.69,19.0233333 L25.69,19.0233333 Z">
                      <路径 类=“颜色背景” d="M1.855,31.4066667 C3.05106558,30.2024182 4.79973884,29.7296005 6.43969145,30.1670277 C8.07964407,30.6044549 9.36054508,31.8853559 9.7979723,33.5253085 C10.2353995,35.1652612 9.76258177,36.9139344 8.55833333,38.11 C6.70666667,39.9616667 0,40 0,40 C0,40 0,33.2566667 1.855,31.4066667 Z">
                      <路径 类=“颜色背景” d="M17.2616667,3.90166667 C12.4943643,3.07192755 7.62174065,4.61673894 4.20333333,8.04166667 C3.31200265,8.94126033 2.53706177,9.94913142 1.89666667,11.0416667 C1.5109569,11.6966059 1.61721591,12.5295394 2.155,13.0666667 L5.47,16.3833333 C8.55036617,11.4946947 12.5559074,7.25476565 17.2616667,3.90166667 L17.2616667,3.90166667 Z" 不透明度="0.598539807">
                      <路径 类=“颜色背景” d="M36.0983333,22.7383333 C36.9280725,27.5056357 35.3832611,32.3782594 31.9583333,35.7966667 C31.0587397,36.6879974 30.0508686,37.4629382 28.9583333,38.1033333 C28.3033941,38.4890431 27.4704606,38.3827841 26.9333333,37.845 L23.6166667,34.53 C28.5053053,31.4496338 32.7452344,27.4440926 36.0983333,22.7383333 L36.0983333,22.7383333 Z" 不透明度="0.598539807">
                    
                  
                
              
            </svg>
          
        
           类=“下拉标题文本-深色字体-粗体-粗体 d-flex 对齐-内容-中心对齐-项目-中心 p-0”>开始使用
          <跨度 类=“短信”>关于概述、快速入门、许可证和内容的所有信息
        
      
    

    <一 类=“下拉项 py-2 ps-3 边框半径-md” 链接=“javascript:;”>
       类=“d-柔性”>
         类=“图标 h-10 me-3 d-flex mt-1”>
           类=“文本次要” 宽度=“16 像素” 高度=“16 像素” 视图框="0 0 40 44" 版本="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
            <标题>文件
              <克 行程=“无” 笔划宽度="1" 填充=“无” 填充规则=“偶数”>
                <克 变换=“翻译（-1870.000000，-591.000000）” 填充=“#FFFFFF” 填充规则=“非零”>
                  <克 变换=“翻译（1716.000000，291.000000）”>
                    <克 变换=“翻译（154.000000，300.000000）”>
                      <路径 类=“颜色背景” d="M40,40 L36.3636364,40 L36.3636364,3.63636364 L5.45454545,3.63636364 L5.45454545,0 L38.1818182,0 C39.1854545,0 40,0.814545455 40,1.81818182 L40,40 Z" 不透明度="0.603585379">
                      <路径 类=“颜色背景” d="M30.9090909,7.27272727 L1.81818182,7.27272727 C0.814545455,7.27272727 0,8.08727273 0,9.09090909 L0,41.8181818 C0,42.8218182 0.814545455,43.6363636 1.81818182,43.6363636 L30.9090909,43.6363636 C31.9127273,43.6363636 32.7272727,42.8218182 32.7272727,41.8181818 L32.7272727,9.09090909 C32.7272727,8.08727273 31.9127273,7.27272727 30.9090909,7.27272727 Z M18.1818182,34.5454545 L7.27272727,34.5454545 L7.27272727,30.9090909 L18.1818182,30.9090909 L18.1818182,34.5454545 Z M25.4545455,27.2727273 L7.27272727,27.2727273 L7.27272727,23.6363636 L25.4545455,23.6363636 L25.4545455,27.2727273 Z M25.4545455,20 L7.27272727,20 L7.27272727,16.3636364 L25.4545455,16.3636364 L25.4545455,20 Z">
                    
                  
                
              
            </svg>
          
        
           类=“下拉标题文本-深色字体-粗体-粗体 d-flex 对齐-内容-中心对齐-项目-中心 p-0”>基金会
          <跨度 类=“短信”>查看我们的颜色、图标和版式
        
      
    

    <一 类=“下拉项 py-2 ps-3 边框半径-md” 链接=“javascript:;”>
       类=“d-柔性”>
         类=“图标 h-10 me-3 d-flex mt-1”>
           类=“文本次要” 宽度=“16 像素” 高度=“16 像素” 视图框="0 0 42 42" 版本="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
              <标题>盒子-3d-50
              <克 行程=“无” 笔划宽度="1" 填充=“无” 填充规则=“偶数”>
                  <克 变换=“翻译（-2319.000000，-291.000000）” 填充=“#FFFFFF” 填充规则=“非零”>
                      <克 变换=“翻译（1716.000000，291.000000）”>
                          <克 变换=“翻译（603.000000，0.000000）”>
                              <路径 类=“颜色背景” d="M22.7597136,19.3090182 L38.8987031,11.2395234 C39.3926816,10.9925342 39.592906,10.3918611 39.3459167,9.89788265 C39.249157,9.70436312 39.0922432,9.5474453 38.8987261,9.45068056 L20.2741875,0.1378125 L20.2741875,0.1378125 C19.905375,-0.04725 19.469625,-0.04725 19.0995,0.1378125 L3.1011696,8.13815822 C2.60720568,8.38517662 2.40701679,8.98586148 2.6540352,9.4798254 C2.75080129,9.67332903 2.90771305,9.83023153 3.10122239,9.9269862 L21.8652864,19.3090182 C22.1468139,19.4497819 22.4781861,19.4497819 22.7597136,19.3090182 Z">
                              <路径 类=“颜色背景” d="M23.625,22.429159 L23.625,39.8805372 C23.625,40.4328219 24.0727153,40.8805372 24.625,40.8805372 C24.7802551,40.8805372 24.9333778,40.8443874 25.0722402,40.7749511 L41.2741875,32.673375 L41.2741875,32.673375 C41.719125,32.4515625 42,31.9974375 42,31.5 L42,14.241659 C42,13.6893742 41.5522847,13.241659 41,13.241659 C40.8447549,13.241659 40.6916418,13.2778041 40.5527864,13.3472318 L24.1777864,21.5347318 C23.8390024,21.7041238 23.625,22.0503869 23.625,22.429159 Z" 不透明度="0.7">
                              <路径 类=“颜色背景” d="M20.4472136,21.5347318 L1.4472136,12.0347318 C0.953235098,11.7877425 0.352562058,11.9879669 0.105572809,12.4819454 C0.0361450918,12.6208008 6.47121774e-16,12.7739139 0,12.929159 L0,30.1875 L0,30.1875 C0,30.6849375 0.280875,31.1390625 0.7258125,31.3621875 L19.5528096,40.7750766 C20.0467945,41.0220531 20.6474623,40.8218132 20.8944388,40.3278283 C20.963859,40.1889789 21,40.0358742 21,39.8806379 L21,22.429159 C21,22.0503869 20.7859976,21.7041238 20.4472136,21.5347318 Z" 不透明度="0.7">
                          
                      
                  
              
          </svg>
        
        
           类=“下拉标题文本-深色字体-粗体-粗体 d-flex 对齐-内容-中心对齐-项目-中心 p-0”>组件
          <跨度 类=“短信”>探索我们完全设计的组件系列
        
      
    

    <一 类=“下拉项 py-2 ps-3 边框半径-md” 链接=“javascript:;”>
       类=“d-柔性”>
         类=“图标 h-10 me-3 d-flex mt-1”>
           类=“文本次要” 宽度=“16 像素” 高度=“16 像素” 视图框="0 0 40 44" 版本="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
              <标题>开关
              <克 行程=“无” 笔划宽度="1" 填充=“无” 填充规则=“偶数”>
                  <克 变换=“翻译（-1870.000000，-440.000000）” 填充=“#FFFFFF” 填充规则=“非零”>
                      <克 变换=“翻译（1716.000000，291.000000）”>
                          <克 变换=“翻译（154.000000，149.000000）”>
                              <路径 类=“颜色背景” d="M10,20 L30,20 C35.4545455,20 40,15.4545455 40,10 C40,4.54545455 35.4545455,0 30,0 L10,0 C4.54545455,0 0,4.54545455 0,10 C0,15.4545455 4.54545455,20 10,20 Z M10,3.63636364 C13.4545455,3.63636364 16.3636364,6.54545455 16.3636364,10 C16.3636364,13.4545455 13.4545455,16.3636364 10,16.3636364 C6.54545455,16.3636364 3.63636364,13.4545455 3.63636364,10 C3.63636364,6.54545455 6.54545455,3.63636364 10,3.63636364 Z" 不透明度="0.6">
                              <路径 类=“颜色背景” d="M30,23.6363636 L10,23.6363636 C4.54545455,23.6363636 0,28.1818182 0,33.6363636 C0,39.0909091 4.54545455,43.6363636 10,43.6363636 L30,43.6363636 C35.4545455,43.6363636 40,39.0909091 40,33.6363636 C40,28.1818182 35.4545455,23.6363636 30,23.6363636 Z M30,40 C26.5454545,40 23.6363636,37.0909091 23.6363636,33.6363636 C23.6363636,30.1818182 26.5454545,27.2727273 30,27.2727273 C33.4545455,27.2727273 36.3636364,30.1818182 36.3636364,33.6363636 C36.3636364,37.0909091 33.4545455,40 30,40 Z">
                          
                      
                  
              
          </svg>
        
        
           类=“下拉标题文本-深色字体-粗体-粗体 d-flex 对齐-内容-中心对齐-项目-中心 p-0”>插件
          <跨度 类=“短信”>检查如何集成我们的插件
        
      
    

    <一 类=“下拉项 py-2 ps-3 边框半径-md” 链接=“javascript:;”>
       类=“d-柔性”>
         类=“图标 h-10 me-3 d-flex mt-1”>
           类=“文本次要” 宽度=“16 像素” 高度=“16 像素” 视图框="0 0 40 40" 版本="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
              <标题>设置
              <克 行程=“无” 笔划宽度="1" 填充=“无” 填充规则=“偶数”>
                  <克 变换=“翻译（-2020.000000，-442.000000）” 填充=“#FFFFFF” 填充规则=“非零”>
                      <克 变换=“翻译（1716.000000，291.000000）”>
                          <克 变换=“翻译（304.000000，151.000000）”>
                              <多边形 类=“颜色背景” 不透明度="0.596981957" 点="18.0883333 15.7316667 11.1783333 8.82166667 13.3333333 6.66666667 6.66666667 0 0 6.66666667 6.66666667 13.3333333 8.82166667 11.1783333 15.315 17.6716667">
                              <路径 类=“颜色背景” d="M31.5666667,23.2333333 C31.0516667,23.2933333 30.53,23.3333333 30,23.3333333 C29.4916667,23.3333333 28.9866667,23.3033333 28.48,23.245 L22.4116667,30.7433333 L29.9416667,38.2733333 C32.2433333,40.575 35.9733333,40.575 38.275,38.2733333 L38.275,38.2733333 C40.5766667,35.9716667 40.5766667,32.2416667 38.275,29.94 L31.5666667,23.2333333 Z" 不透明度="0.596981957">
                              <路径 类=“颜色背景” d="M33.785,11.285 L28.715,6.215 L34.0616667,0.868333333 C32.82,0.315 31.4483333,0 30,0 C24.4766667,0 20,4.47666667 20,10 C20,10.99 20.1483333,11.9433333 20.4166667,12.8466667 L2.435,27.3966667 C0.95,28.7083333 0.0633333333,30.595 0.00333333333,32.5733333 C-0.0583333333,34.5533333 0.71,36.4916667 2.11,37.89 C3.47,39.2516667 5.27833333,40 7.20166667,40 C9.26666667,40 11.2366667,39.1133333 12.6033333,37.565 L27.1533333,19.5833333 C28.0566667,19.8516667 29.01,20 30,20 C35.5233333,20 40,15.5233333 40,10 C40,8.55166667 39.685,7.18 39.1316667,5.93666667 L33.785,11.285 Z">
                          
                      
                  
              
          </svg>
        
        
           类=“下拉标题文本-深色字体-粗体-粗体 d-flex 对齐-内容-中心对齐-项目-中心 p-0”>实用程序类
          <跨度 类=“短信”>关于概述、快速入门、许可证和内容的所有信息
        
      
    
  


          
        
        <李 类=“导航项 ms-lg-auto my-auto ms-3 ms-lg-0 mt-2 mt-lg-0”>
          <一 链接="https://www.creative-tim.com/product/material-kit-pro" 类=“btn btn-sm bg-梯度-主 btn-round mb-0 me-1 mt-2 mt-md-0”>升级到专业版

标签简单

预览
代码

复制

   类=“行文本中心 py-3 mt-3”>
   类=“col-4 mx-自动”>
     类=“导航包装器相对位置结束-0”>
       类=“nav nav-pills nav-fill p-1” 角色=“表格列表”>
        <李 类=“导航项目”>
          <一 类=“导航链接 mb-0 px-0 py-1 活动” 数据-bs-切换=“选项卡” 链接=“#profile-tabs-simple” 角色=“选项卡” 咏叹调控制=“个人资料” 咏叹调选择=“真实”>
            我的个人资料
          
        
        <李 类=“导航项目”>
          <一 类=“导航链接 mb-0 px-0 py-1” 数据-bs-切换=“选项卡” 链接=“#dashboard-tabs-simple” 角色=“选项卡” 咏叹调控制=“仪表板” 咏叹调选择=“假”>
            控制台

分页

预览
代码

复制

   类=“行文本中心 py-2”>
   类=“col-4 mx-自动”>
     类=“分页分页-主要 m-4”>
      <李 类=“页面项目”>
        <一 类=“页面链接” 链接=“javascript:;” 咏叹调标签=“上一个”>
          <跨度 咏叹调隐藏=“真实”><我 类=“fa fa角-双左” 咏叹调隐藏=“真实”>
        
      
      <李 类=“页面项目处于活动状态”>
        <一 类=“页面链接” 链接=“javascript:;”>1
      
      <李 类=“页面项目”>
        <一 类=“页面链接” 链接=“javascript:;”>2
      
      <李 类=“页面项目”>
        <一 类=“页面链接” 链接=“javascript:;”>3
      
      <李 类=“页面项目”>
        <一 类=“页面链接” 链接=“javascript:;”>4
      
      <李 类=“页面项目”>
        <一 类=“页面链接” 链接=“javascript:;”>5
      
      <李 类=“页面项目”>
        <一 类=“页面链接” 链接=“javascript:;” 咏叹调标签=“下一个”>
          <跨度 咏叹调隐藏=“真实”><我 类=“fa fa角-双右” 咏叹调隐藏=“真实”>

输入区域

文本操作和插入所需的 6 个以上元素

输入动态

预览
代码

复制

   类=“行文本中心 py-3 mt-3”>
   类=“col-4 mx-自动”>
     类=“输入组输入组动态”>
      <标签 类=“表单标签”>常规
      <输入 类型=“文字” 类=“形式控制” >

输入静态

预览
代码

复制

   类=“行文本中心 py-3 mt-3”>
   类=“col-4 mx-自动”>
     类=“输入组输入组静态”>
      <标签>名
      <输入 类=“形式控制” 占位符=“例如，库尔特·谢尔比” 类型=“文字” >

输入轮廓

预览
代码

复制

   类=“行文本中心 py-3 mt-3”>
   类=“col-4 mx-自动”>
     类=“输入组输入组大纲 mb-4”>
      <标签 类=“表单标签”>概要
      <输入 类=“形式控制” 类型=“文字” >

带图标输入

预览
代码

复制

   类=“行文本中心 py-2 mt-3”>
   类=“col-4 mx-自动”>
     类=“输入组输入组动态 mb-4”>
      <跨度 类=“输入组文本”><我 类=“fas fa-搜索” 咏叹调隐藏=“真实”>
      <输入 类=“形式控制” 占位符=“搜索” 类型=“文字” >

输入禁用

预览
代码

复制

   类=“行文本中心 py-3 mt-3”>
   类=“col-4 mx-自动”>
    <输入 类型=“文字” 占位符=“残疾人” 类=“形式控制” 残疾人>

输入验证

预览
代码

复制

   类=“行文本中心 py-3 mt-3”>
   类=“col-4 ms-自动”>
    <输入 类型=“文字” 占位符=“成功” 类=“表单控制有效” >


   类=“col-4 me-auto”>
    <输入 类型=“文字” 占位符=“错误” 类=“表单控制无效” >

形式简单

预览
代码

复制

  <部分>
   类=“容器 py-4”>
     类=“行”>
       类=“col-lg-7 mx-auto d-flex justify-content-center flex-column”>
         类=“文本中心”>联系我们
        <表格 角色=“形式” 编号=“联系表格” 方法=“帖子” 自动完成=“关”>
           类=“卡体”>
             类=“行”>
               类=“col-md-6”>
                 类=“输入组输入组动态 mb-4”>
                  <标签 类=“表单标签”>名
                  <输入 类=“形式控制” 咏叹调标签=“名字……” 类型=“文字” >


               类=“col-md-6 ps-2”>
                 类=“输入组输入组动态”>
                  <标签 类=“表单标签”>姓
                  <输入 类型=“文字” 类=“形式控制” 占位符="" 咏叹调标签=“姓氏……” >


             类=“mb-4”>
               类=“输入组输入组动态”>
                <标签 类=“表单标签”>邮箱地址
                <输入 类型=“电子邮件” 类=“形式控制”>


            
             类=“输入组 mb-4 输入组静态”>
              <标签>你的留言
              <文本区域 名字=“消息” 类=“形式控制” 编号=“消息” 行="4">
            
             类=“行”>
               类=“col-md-12”>
                 类=“表单检查表单开关 mb-4 d-flex 对齐项目中心”>
                  <输入 类=“表单-检查-输入” 类型=“复选框” 编号=“flexSwitchCheck默认” 检查="">
                  <标签 类=“表单检查标签 ms-3 mb-0” 对于=“flexSwitchCheck默认”>我同意 <一 链接=“javascript:;” 类=“文字-深色”>条款和条件.
                
              
               类=“col-md-12”>
                <按钮 类型=“提交” 类=“btn bg-渐变-暗 W-100”>发送留言

设计模块

精选的页面部分可完美适合任何组合

页头

预览
代码

复制

  
<标题>
   类=“页眉 min-vh-100” 风格="background-image: url(&#39;https://images.unsplash.com/photo-1520769945061-0a448c463865?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80&#39;);" 正在加载=“懒”>
    <跨度 类=“蒙版背景-渐变-暗不透明度-5”>
     类=“容器”>
       类=“行”>
         类=“col-lg-6 col-md-7 d-flex justify-content-center flex-column”>
           类=“文本-白色 mb-4”>材料套件
           类=“文本-白色不透明度-8 铅 pe-5 me-5”>现在是时候变得伟大了。这个世界上的人们会因为友善而避开人们。 
           类=“按钮”>
            <按钮 类型=“按钮” 类=“btn btn-白色 mt-4”>开始使用
            <按钮 类型=“按钮” 类=“btn 文本-白色阴影-无 mt-4”>阅读更多

功能

预览
代码

复制

  
 类=“容器”>
   类=“行”>
     类=“col-lg-6 我的汽车”>
       类=“mt-5 mt-lg-0”>了解更多关于我们的信息
       类=“pe-5”>痛苦是我们随着年龄的增长而经历的。我们受到他人的侮辱，失去对他人的信任。我们被朋友刺伤了。对我们来说，向别人伸出援助之手变得更加困难。
      <一 链接=“javascript:;” 类=“文本-主图标-右移”>更多关于我们
        <我 类=“fas fa-箭头-右文本-sm ms-1”>


     类=“col-lg-6 mt-lg-0 mt-5 ps-lg-0 ps-0”>
       类=“p-3 信息水平”>
         类=“图标图标-形状背景-渐变-主阴影-主文本中心”>
          <我 类=“fas fa-船舶不透明度-10”>


         类=“说明 ps-3”>
           类=“mb-0”>对我们来说，向别人伸出援助之手变得更加困难。 
 我们被我们所爱的人伤透了心。



       类=“p-3 信息水平”>
         类=“图标图标-形状背景-渐变-主阴影-主文本中心”>
          <我 类=“fas fa-握手不透明度-10”>


         类=“说明 ps-3”>
           类=“mb-0”>当我们活着的时候，我们的心会变得更冷。 
因为随着年龄的增长，疼痛是我们所经历的。


      
       类=“p-3 信息水平”>
         类=“图标图标-形状背景-渐变-主阴影-主文本中心”>
          <我 类=“fas fa-沙漏不透明度-10”>
        
         类=“说明 ps-3”>
           类=“mb-0”>当我们随着时间的推移失去家人时。 
 随着时间的推移，还有什么比这更能腐蚀心脏呢？黑金。