‎基本元素‎

按钮

选择大小
选择颜色
概述类
链接
违约 主要 信息 确定 警告 危险

输入

窗体控件 Form controls
表单控件(可选)
复选框
单选
开关
进度
100.00
200.00
400.00

导航栏

制表符

关于图标 图标

测试内容原始牛仔你可能没有听说过他们牛仔短裤奥斯汀。Nesciunt豆腐树桩镇aliqua,复古合成器大师清洁。胡子陈词滥调的时间,威廉斯堡卡尔斯素食主义者helvetica。Reprehenderit butcher retro keffiyeh dreamcatcher synth. 原始牛仔你可能没有听说过他们牛仔短裤奥斯汀。Nesciunt豆腐树桩镇aliqua,复古合成器大师清洁。

测试内容原始牛仔你可能没有听说过他们牛仔短裤奥斯汀。Nesciunt豆腐树桩镇aliqua,复古合成器大师清洁。胡子陈词滥调的时间,威廉斯堡卡尔斯素食主义者helvetica。Reprehenderit butcher retro keffiyeh dreamcatcher synth. 原始牛仔你可能没有听说过他们牛仔短裤奥斯汀。Nesciunt豆腐树桩镇aliqua,复古合成器大师清洁。

Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.

Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth.

相关文字 text

Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth.

Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse.

Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.

Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth.

进度条

任务已完成
40%
任务已完成
60%

分页

导航

标签

主要 确定 警告 危险 介绍

提示

字体排印学

标题

标题 1

Argon Design System

标题 2

Argon Design System

标题 3

Argon Design System

标题 4

Argon Design System

标题 5
Argon Design System
标题 6
Argon Design System

显示标题

显示标题 1

Argon Design System

显示标题 2

Argon Design System

显示标题 3

Argon Design System

显示标题 4

Argon Design System

专业头衔

Heading

专业头衔

专业头衔

Argon Design System

Heading seaction

Header with small subtitle

According to the National Oceanic and Atmospheric Administration, Ted, Scambos, NSIDClead scentist, puts the potentially record maximum.

段落

I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus. I think that’s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at.

引导文本

I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus. I think that’s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at.

报价

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in 静音文本
静音文本

I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...

主要文本

I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...

信息文本

I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...

成功文本

I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...

警告文本

I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...

警告文本

I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...

图像 Images

图像 Rounded image
圆形图像 Circle image
提出 Raised image
圆圈凸起 Raised circle image

Javascript Javascript Components

模态

日期选择

单一日期 date
日期范围

工具 & 提示

工具
提示

引导轮播

测试内容设计系统附带四个预建页面,可帮助您更快地入门。您可以更改文本和图像,然后就可以开始了。 started faster. You can change the text and images and you're good to go.

查看组件

Nucleo 图标Icons

测试内容:官方软件包包含超过21.000个图标,与Argon设计系统结合使用,这些图标看起来很棒。确保检查所有这些,并使用您最喜欢的那些。

一个美丽的设计系统 配有示例

测试内容:设计系统附带四个预构建的页面,可帮助您更快地入门。您可以更改文本和图像,然后就可以开始了。更重要的是,看看它们会让你了解你可以用这个强大的Bootstrap 4设计系统构建什么。good to go. More importantly, looking at them will give you a picture of what you can built with this powerful Bootstrap 4 Design System.

Sign in with
Or sign in with credentials