Bootstrap4 Shards 主题

【实例简介】

Shards是一个基于流行的Bootstrap 4框架的现代设计系统。它基本上是一个UI工具包，包括来自Material 和 Font Awesome 包的响应组件和图标 。 碎片的构建考虑到了性能，占用空间小，重量轻（约12kb缩小和压缩）。下载包括原始的 Sketch 和 SCSS 文件，因此您可以放手，创建新的布局，甚至可以根据需要自定义和重新编译套件。

【实例截图】

【核心代码】

Shards BS4主题

├── Shards-Design-Assets-Version-1.1.0
│   ├── ATTRIBUTIONS.txt
│   ├── DesignRevision.url
│   └── Shards_Pages_1.1.0.sketch
└── Shards-Version-1.1.2
    ├── DesignRevision.url
    ├── LICENSE
    ├── README.txt
    ├── agency-landing.html
    ├── app-promo.html
    ├── css
    │   ├── shards-demo.css
    │   ├── shards-demo.css.map
    │   ├── shards-demo.min.css
    │   ├── shards-demo.min.css.map
    │   ├── shards-extras.css
    │   ├── shards-extras.css.map
    │   ├── shards-extras.min.css
    │   ├── shards-extras.min.css.map
    │   ├── shards.css
    │   ├── shards.css.map
    │   ├── shards.min.css
    │   └── shards.min.css.map
    ├── images
    │   ├── agency-landing
    │   │   ├── shards-logo-white.svg
    │   │   └── welcome-cover.jpg
    │   ├── app-promo
    │   │   ├── badge-apple-store.png
    │   │   ├── badge-google-play-store.png
    │   │   ├── features-background.jpg
    │   │   ├── iphone-app-mockup.png
    │   │   ├── iphone-app-screenshot.png
    │   │   ├── shards-logo-green.svg
    │   │   └── welcome-cover.jpg
    │   ├── common
    │   │   ├── avatar-1.jpeg
    │   │   ├── avatar-2.jpeg
    │   │   ├── avatar-3.jpeg
    │   │   ├── card-1.jpg
    │   │   ├── card-2.jpg
    │   │   └── card-3.jpg
    │   └── demo
    │       ├── fontawesome-icons.svg
    │       ├── material-icons.svg
    │       ├── shard-1-5x-3.png
    │       ├── shards-agency-landing-page-demo.jpg
    │       ├── shards-app-demo-page-demo.jpg
    │       ├── shards-logo-black.svg
    │       ├── shards-logo.svg
    │       └── stock-photos
    │           ├── 1.jpg
    │           ├── 2.jpg
    │           └── 3.jpg
    ├── js
    │   ├── demo.js
    │   ├── demo.min.js
    │   ├── shards.js
    │   └── shards.min.js
    └── shards-demo.html

10 directories, 50 files