spin jquery bs3

SPIN HTML/CSS - sekarang gratis!

Pendahuluan

SPIN Admin/Dasbor Tema dengan desain minimalis dan UI Gelap yang inovatif akan memungkinkan Anda membangun aplikasi luar biasa dan kuat dengan UI hebat. Dirancang sempurna untuk aplikasi skala besar, dengan dokumentasi langkah demi langkah yang terperinci. Itu dibangun berdasarkan standar dan rekomendasi terbaru. Hal ini didukung oleh Bootstrap framework 3.x, yang saat ini merupakan salah satu framework paling populer di dunia.

Instalasi

1. Pastikan Anda telah menginstal Ruby (Ruby DevKit di Windows juga), Jekyll gem, Bundler gem ( gem install bundler ), Node, Bower dan Gulp
2. Kloning repositori ini git clone https://github.com/0wczar/spin.jekyll.git
3. Di terminal, navigasikan ke direktori repositori yang dikloning
4. Jalankan npm install untuk menginstal paket NPM
5. Jalankan bower install untuk menginstal paket Bower
6. Jalankan gulp bower untuk melampirkan paket Bower ke Jekyll
7. Jalankan bundler untuk menginstal Permata yang diperlukan
8. (Opsi) Jalankan gulp untuk memulai Jekyll dengan pengamat HTML/JS/Styles. Untuk mulai menonton HANYA file HTML, jalankan gulp jekyll

Menambahkan Komponen Bower

1. Di terminal, navigasikan ke direktori proyek
2. Jalankan bower install <package-name> --save misalnya bower install jquery --save . Daftar paket Bower dapat ditemukan di sini - http://bower.io/search/
3. Ketika instalasi selesai, jalankan gulp bower untuk melampirkan perpustakaan baru.

Menambahkan Plugin Lebih Sedikit/Sass

1. File plugin Sass harus ditempatkan di /src/assets/scss/<plugin-name>
2. Css yang telah dikompilasi harus ditempatkan di /src/assets/stylesheets/<plugin-name>.css
3. Gaya khusus yang dihasilkan ini harus ditautkan di /src/_includes/head.html misalnya <link rel="stylesheet" href="assets/stylesheets/select2-bootstrap.css">

Membuat Halaman Baru

1. Halaman HTML baru harus ditambahkan ke folder /src misalnya /src/new-page.html
2. Halaman baru harus memiliki variabel di bagian atas yang diperlukan adalah layout: default . Variabel lain yang dapat digunakan adalah: bodyClasses yang menambahkan kelas yang sesuai ke tag body, defaultContainer yang menambahkan wadah khusus ke navbar dan footer, serta title yang dimasukkan ke head dan dapat digunakan dalam konten melalui {{ page.title }} . Contoh:
3. Halaman yang ditambahkan harus ditautkan di sidebar seperti ini: Contoh Link: <li class="{% if page.url == "/default.html" %}active{% endif %}"><a href="/default.html"><span class="nav-label">Default</span></a></li>
4. Untuk mengakses halaman ini Anda dapat menggunakan url ini: localhost:3000/new-page/

Sumber Vanila (Lampu Aplikasi Lengkap)

1. Di folder utama masuk ke terminal gulp build:vanilla
2. Masuk ke folder cd /site
3. Kemudian npm install
4. bower install berikutnya
5. gulp build berikutnya
6. Sumber siap tersedia di folder /dist

Sumber Benih (Pengembangan Pemula) (_inludes/starter...)

1. Di folder utama masuk ke terminal gulp build:seed
2. Sumber siap tersedia di folder /starter

Atur Ulang GIT

1. Buka folder dengan cd /your_catalog
2. Masukkan git reset --hard origin/master
3. Tarik melalui Github Dekstop

Opsi Baru yang Lebih Palsu

1. Contoh: 25 - 07 - 2016 - 12:03 (12h) <span data-faker="{{date.day}} {{date.monthDigit}} {{date.year}} {{date.time}}"></span>
2. Contoh: Bulan: Jan, Feb, Mar, dll... data-faker="[[date.monthShort]]"
3. Contoh: Hari: Sen, Sel, Rabu, dll... data-faker="[[date.weekdayShort]]"
4. Contoh: 1% - 100%: <span data-faker="[[random.percentage]]"><span>
5. Contoh: 0% - 100,0%: <span data-faker="[[random.percentagePoint]]"><span>