ブートストラップのヒントと関連リソース Organized_html/css_WEB-ITnose

1、ブートストラップ バンドル (http://bootstrapbundle.com/): 15 の異なる MVC ブートストラップ テンプレートを提供します。 [拡張機能とアップデート]で「Bootstrap Bundle」を検索し、ダウンロードしてインストールします。新しいプロジェクトを作成するときにテンプレートを直接選択できます。

2、Bootswatch (http://bootswatch.com/): さまざまな色のブートストラップ CSS ファイルを提供します。プロジェクト内の CSS をカバーするために必要なテーマの CSS ファイルを直接ダウンロードできます。

3. ブートストラップ スニペット (http://bootsnipp.com/): 公式ドキュメントからコピーせずに、ブートストラップ コード スニペットを vs に直接挿入できます。 [拡張機能と更新プログラム]で「bootstrap」を検索すると見つかります。

インストールが完了したら、VS を再起動し、ビュー ページを右クリックしてコード スニペットを挿入 [Ctrl+K、Ctrl+X] すると、ブートストラップ コンポーネントを選択できます:

4 、Web Essentials 2015 ( http://vswebessentials.com/): Web Essentials は、記述したクラス属性にエラーがあるかどうかをチェックするのに役立ちます。エラーがある場合は、次のようにエラーを通知します。

Web Essentials は、ページのコンテンツをリアルタイムで確認することもできます。変更は vs ソース コードにフィードバックされます (参考: http://www.vswebessentials.com/features/browserlink):

Web Essentials は、デバッグにも役立ちますcss、js、公式サイトにも詳しい紹介と例があります。

5. Bootsnipp (http://bootsnipp.com/) は、いくつかの美化またはカプセル化された機能モジュールを Web サイトで検索できます。以下は彼らが提供する 3D Button ボタンです:

bootsnipp の「Show Dropdown Hover & Caret Up」を参照して、サンプル js と css を既存のプロジェクトに追加し、ドロップダウン メニューの表示を実現します。マウスが通過する 効果:

6、SideWaffle Template Pack (http://www.sidewaffle.com): Chrome プラグイン プロジェクト、CKEditor などの VS プロジェクト機能用のいくつかのテンプレートを提供します。 [拡張機能と更新] で「sidewaffle」を検索し、ダウンロードしてインストールします。 (ダウンロード後、メソッドを開き、Visual Studio バージョン セレクターを選択してインストールします)

[追加] プロジェクトで SideWaffle プリセット テンプレートを選択できます:

ウェブサイト:

http: //getbootstrap.com /

http://glyphicons.com/

http://fontawesome.bootstrapcheatsheets.com/

http://www.sidewaffle.com/

http://vswebessentials.com/

http://lesscss.org/

SPA: シングルページ アプリケーション