<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Radiant Admin Premium Bootstrap Admin Dashboard Template</title>
<!-- plugins:css -->
<link rel="stylesheet" href="../vendors/iconfonts/mdi/css/materialdesignicons.min.css">
<link rel="stylesheet" href="../vendors/iconfonts/puse-icons-feather/feather.css">
<link rel="stylesheet" href="../vendors/css/vendor.bundle.base.css">
<link rel="stylesheet" href="../vendors/css/vendor.bundle.addons.css">
<!-- endinject -->
<!-- plugin css for this page -->
<!-- End plugin css for this page -->
<!-- inject:css -->
<link rel="stylesheet" href="../css/style.css">
<!-- endinject -->
<link rel="shortcut icon" href="../../images/favicon.png" />
</head>
<body>
<div class=" container-scroller">
<div class="container-fluid page-body-wrapper">
<div class="main-panel w-100">
<div class="content-wrapper documentation">
<div class="container">
<div class="row">
<div class="col-12 mb-4">
<a class="text-dark font-weight-medium" href="../index.html"><i class="mdi mdi-home text-primary mr-2"></i>Back to home</a>
<h1 class="text-primary mt-4">Documentation</h1>
<p class="text-gray">Thank you for purchasing Radiant Admin template<i class="mdi mdi mdi-emoticon-happy text-primary ml-1"></i>.</p>
</div>
<div class="col-12 grid-margin">
<div class="card">
<div class="card-body">
<h4 class="card-title text-primary">Introduction</h4>
<p>Radiant Admin is a responsive HTML template that is based on the CSS framework Bootstrap 4 and it is built with Sass. Sass compiler makes it easier to code and customize. If you are unfamiliar with Bootstrap or Sass, visit their
website and read through the documentation. All of Bootstrap components have been modified to fit the style of Radiant Admin and provide a consistent look throughout the template.</p>
<p>Before you start working with the template, we suggest you go through the pages that are bundled with the theme. Most of the template example pages contain quick tips on how to create or use a component which can
be really helpful when you need to create something on the fly.</p>
<p class="d-inline"><strong>Note</strong>: We are trying our best to document how to use the template. If you think that something is missing from the documentation, please do not hesitate to tell us about it. If you have any questions
or problems with this theme please use Envato Marketplace contact form on our profile or email us at </p><a class="d-inline ml-2 text-info" href="mailto:support@urbanui.com">support@urbanui.com</a>
</div>
</div>
</div>
<div class="col-12 grid-margin">
<div class="card">
<div class="card-body">
<h4 class="card-title text-primary">Getting started</h4>
<p>You can directly use the compiled and ready to use the version of the template. But in case you plan to customize the template extensively the template allows you to do so! The Customization section will get you initiated on this.</p>
<p>The downloaded package will have the following structure. </p>
<textarea class="shell-mode">
Radiant/
├── angular/
├── jquery/
├ ├── css/
├ ├── fonts/
├ ├── images/
├ ├── js/
├ ├── pages/
├ ├── partials/
├ ├── SCSS/
├ ├── vendors/
├ ├── gulpfile.js
├ ├── package.json
├ ├── index.html
├── CHANGELOG.md
</textarea>
<p class="mt-2">
The vendor files are added as npm packages for reducing the file sizes and easier version update of the vendors.
</p>
<p>
In order to access the properties of vendors, you have to just run two commands and all the vendor files are inside your node_modules folder!.
</p>
<p>
Though we have bundled up the vendor files needed for demo purpose into a folder 'vendors', you may not need all those vendors in your application. If you want to make any change in the vendor package files, you need to change the src path for related tasks in the file gulpfile.js and run the task "bundleVendors" to rebuild the vendor files.
</p>
<p class="mb-0">
To do this, you must have <span class="font-weight-bold">node and npm</span> installed in your computer.
</p>
<p class="mb-0">Installation guide of node can be found <a href="https://nodejs.org/en/">here</a>. As npm comes bundled with node,
separate installation of npm is not needed.</p>
<p>
If you have installed them, just checkout to the root folder and run the following command.
</p>
<textarea class="shell-mode">
npm install</textarea>
<p class="mt-2">
You can see that a folder <span class="font-weight-bold">node_modules</span> is generated in your root folder with all vendor files!
</p>
</div>
</div>
</div>
<div class="col-12 grid-margin">
<div class="card">
<div class="card-body">
<h4 class="card-title text-primary">Customization</h4>
<p>
In case you plan to customize the template extensively, you can make changes to the SCSS files. We use the gulp task manager for the build processes. Gulp will watch for changes to the SCSS files and automatically compile
the files to CSS. For this, you need to install Gulp. Use of this tool is completely optional and only required if you want to modify the SCSS files.
</p>
<h5 class="card-title">Dependencies</h5>
<p>To get started you will need to install the following item:</p>
<ul>
<li>Gulp - for task management.</li>
</ul>
<p class="font-weight-bold mt-4 text-dark">Gulp</p>
<p>Getting started with Gulp is pretty simple. The <a href="https://gulpjs.com/" target="_blank">Gulp</a> site is a great place to get information on installing Gulp if you need more information.</p>
<p>You need to first install Gulp-cli in your machine using the below command.</p>
<textarea class="shell-mode">
npm install -g gulp-cli</textarea>
<p class="mt-2">This installs Gulp-cli globally to your machine.</p>
<p>Local installation of Gulp in the project will be done automatically when you complete the steps in getting started section. The other thing that Gulp requires, which, is really what does all the work, is the gulpfile.js. In this file, you set up all of your tasks that you will
Radiant Bootstrap 4 Admin Template 后台管理模板
4星 · 超过85%的资源 需积分: 33 79 浏览量
2018-05-03
11:05:18
上传
评论 2
收藏 20.94MB RAR 举报 
Radiant Bootstrap 4 Admin Template 后台管理模板 （1014个子文件） 
style.css 1MB vendor.bundle.addons.css 348KB materialdesignicons.min.css 88KB skin.css 51KB flag-icon.css 40KB skin.min.css 38KB flag-icon.min.css 33KB font-awesome.min.css 30KB lightgallery.css 25KB summernote-bs4.css 18KB _all.css 18KB themify-icons.css 17KB _all.css 14KB _all.css 13KB simple-line-icons.css 13KB _all.css 12KB feather.css 7KB content.css 4KB content.min.css 3KB vendor.bundle.base.css 2KB prism.css 2KB all.css 2KB polaris.css 1KB futurico.css 1KB materialdesignicons-webfont.eot 296KB fontawesome-webfont.eot 162KB themify.eot 77KB Simple-Line-Icons.eot 53KB tinymce.eot 17KB summernote.eot 16KB feather-webfont.eot 11KB tinymce-small.eot 9KB lg.eot 4KB
loading.gif 4KB loader.gif 3KB smiley-cool.gif 354B smiley-wink.gif 350B smiley-smile.gif 344B smiley-laughing.gif 343B smiley-foot-in-mouth.gif 342B smiley-frown.gif 340B smiley-surprised.gif 338B smiley-kiss.gif 338B smiley-undecided.gif 337B smiley-innocent.gif 336B smiley-yell.gif 336B smiley-embarassed.gif 331B smiley-cry.gif 329B smiley-tongue-out.gif 328B smiley-sealed.gif 323B smiley-money-mouth.gif 321B object.gif 152B anchor.gif 53B
documentation.html 192KB font-awesome.html 137KB index.html 95KB basic_elements.html 74KB dropdowns.html 68KB themify.html 67KB rtl-layout.html 67KB sidebar-hidden.html 67KB sidebar-hidden-overlay.html 66KB sidebar-collapsed.html 66KB sidebar-fixed.html 66KB compact-menu.html 66KB simple-line-icon.html 66KB boxed-layout.html 64KB accordions.html 59KB flag-icons.html 59KB basic-table.html 57KB buttons.html 57KB tabs.html 54KB typography.html 52KB faq-2.html 52KB advanced_elements.html 52KB profile.html 52KB dragula.html 52KB orders.html 52KB widgets.html 50KB email.html 48KB progress.html 47KB horizontal-menu.html 46KB horizontal-menu-2.html 46KB faq.html 46KB tour.html 46KB breadcrumbs.html 44KB badges.html 44KB modals.html 44KB slider.html 43KB pagination.html 42KB tooltips.html 41KB portfolio.html 41KB notifications.html 41KB carousel.html 41KB timeline.html 40KB data-table.html 39KB code_editor.html 39KB search-results.html 39KB wizard.html 39KB sortable-table.html 39KB共 1014 条
- 1
- 2
- 3
- 4
- 5
- 6
- 11
资源评论
jimbocn2019-03-05可以，有参考价值
