spin jquery bs3

SPIN HTML/CSS - 今なら無料です!

イントロ

ミニマルなデザインと革新的なダーク UI を備えた SPIN 管理/ダッシュボード テーマを使用すると、優れた UI を備えた驚くべき強力なアプリケーションを構築できます。大規模なアプリケーション向けに完璧に設計されており、詳細なステップバイステップのドキュメントが付属しています。最新の標準と推奨事項に基づいて構築されています。これは、現在世界で最も人気のあるフレームワークの 1 つである Bootstrap フレームワーク 3.x を利用しています。

インストール

1. Ruby (Windows 上の Ruby DevKit も)、Jekyll gem、Bundler gem ( gem install bundler )、Node、Bower、Gulp がインストールされていることを確認してください。
2. このリポジトリのクローンを作成しますgit clone https://github.com/0wczar/spin.jekyll.git
3. ターミナルで、複製されたリポジトリ ディレクトリに移動します。
4. npm install実行して NPM パッケージをインストールします
5. bower install実行して Bower パッケージをインストールします
6. gulp bower実行して、Bower パッケージを Jekyll にアタッチします
7. bundler実行して必要な Gem をインストールする
8. (オプション) gulp実行して、HTML/JS/Styles ウォッチャーで Jekyll を起動します。 HTML ファイルのみの視聴を開始するには、 gulp jekyllを実行します。

Bower コンポーネントの追加

1. ターミナルでプロジェクト ディレクトリに移動します
2. bower install <package-name> --saveを実行します (例: bower install jquery --save 。 Bower パッケージのリストはここで見つけることができます - http://bower.io/search/
3. インストールが完了したら、 gulp bower実行して新しいライブラリをアタッチします。

プラグインの追加 Less/Sass

1. プラグイン Sass ファイルは/src/assets/scss/<plugin-name>に配置する必要があります。
2. コンパイルされた CSS は/src/assets/stylesheets/<plugin-name>.cssに配置する必要があります。
3. この生成されたカスタム スタイルは、 /src/_includes/head.htmlにリンクする必要があります (例: <link rel="stylesheet" href="assets/stylesheets/select2-bootstrap.css">

新しいページの作成

1. 新しい HTML ページは/srcフォルダーに追加する必要があります (例: /src/new-page.html
2. 新しいページには、必要な変数が上部にありますlayout: defaultです。その他の使用可能な変数は、 body タグに適切なクラスを追加するbodyClasses 、ナビゲーションバーとフッターに特定のコンテナを追加するdefaultContainer 、および head に挿入され、 {{ page.title }}を介してコンテンツで使用できるtitleです。例：
3. 追加されたページは、次のようにサイドバーにリンクされている必要があります。 リンク例: <li class="{% if page.url == "/default.html" %}active{% endif %}"><a href="/default.html"><span class="nav-label">Default</span></a></li>
4. このページにアクセスするには、次の URL を使用できます: localhost:3000/new-page/

バニラソース (フルアプリライト)

1. メインフォルダーでターミナルにgulp build:vanillaと入力します。
2. フォルダーcd /siteに移動します
3. 次にnpm install
4. 次のbower install
5. 次のgulp build
6. フォルダー/distで利用可能な準備ができたソース

シード ソース (スターター開発) (_inludes/starter...)

1. メインフォルダーでターミナルにgulp build:seedと入力します。
2. フォルダー/starterで利用可能な準備ができたソース

GIT リセット

1. プロジェクトがあるフォルダーに移動しますcd /your_catalog
2. git reset --hard origin/masterと入力します。
3. Github Dekstop 経由でプルする

フェイカーの新しいオプション

1. 例: 2016 年 7 月 25 日 - 12:03 (12 時間) <span data-faker="{{date.day}} {{date.monthDigit}} {{date.year}} {{date.time}}"></span>
2. 例: 月: 1 月、2 月、3 月など... data-faker="[[date.monthShort]]"
3. 例: 曜日: 月、火、水など... data-faker="[[date.weekdayShort]]"
4. 例: 1% ～ 100%: <span data-faker="[[random.percentage]]"><span>
5. 例: 0% ～ 100.0%: <span data-faker="[[random.percentagePoint]]"><span>