開発にはどのようなブートストラップ UI ツールが一般的に使用されますか?

使用できるツールは次のとおりです: Bootstrap Magic、BootSwatchr、Bootstrap Live Editor、Fancy Boot、Style Bootstrap、Lavish、LayoutIt、Pingendo、Bootply など。

このチュートリアルの動作環境: Windows 7 システム、ブートラップ バージョン 3.3.7、DELL G3 コンピューター

Mark によって開発されたため、 2011 年の Bootstrap で、Otto と Jacob Thornton が初めて Bootstrap に出会い、Bootstrap に精通しました。全てTwitterのおかげです！それ以来、非常に人気があり、最高の応答性の高いフレームワークの 1 つになりました。 Bootstrap は、開発者が多数の新しい Web プロジェクトを迅速かつ効率的に開始するのに役立ち、大多数の開発者に好まれています。

Bootstrap にあまり詳しくないが、さらに詳しく知りたい開発者に配慮して、ここで簡単に紹介します。 Bootstrap は、事前にスタイル設定されたコンポーネントの拡張ライブラリであり、多数のアクセサリと非常に使いやすいプラグインを備えており、開発者が新しいプロジェクトを迅速に開始するのに役立ちます。

さて、今日の話題に戻りますが、ここでは UI エディターまたはオンライン編集ツールとも言える、Bootstrap デザイン ツールとリソースのベスト 15 を紹介します。これらの素晴らしい Bootstrap UI エディターを使用すると、開発者はデザイン フレームワークをカスタマイズして、Web に対して持つあらゆるビジョンを実現できます。

次のリストは、Bootstrap を愛するすべての開発者や友人と共有される優れた Bootstrap UI エディターの厳選されたリストであるため、適切な Bootstrap 設計ツールを見つけることを心配する必要はありません。多くの Bootstrap 設計ツールの間でさらに混乱が生じています。 以下のリストをよく読んで、自分に合った Bootstrap UI エディターを見つけてください:)

1. Bootstrap Magic

これは Bootstrap テーマ ジェネレーターです。最新の Bootstrap 3 バージョンと Angular JS バージョンを使用して、ユーザーの変更の鮮明なプレビューを提供します。これには、さまざまなインポート、カラーピッカー、スマート先行入力が含まれています。さらに驚くべきことは、Bootstrap が各ユーザーの選択に基づいて履歴書を再構成し、ユーザーがダウンロードして使用しやすくなることです。

2. BootSwatchr

BootSwatchr は、Drew Strickiand によって独立して開発および保守されており、権利をサポートする唯一のものです。左言語表示 Bootstrap カスタム ビルド ツールの機能の 1 つでもあります。 BootSwatchr は、Bootstrap テーマをゼロから作成するためのビジュアル ツールです。

3. Bootstrap Live Editor

Bootstrap Live Editor は、Bootstrap を構築するための WYSIWYG エディターです。これは、Bootstrap で準備されたコンテンツとコード スニペットに基づいて HTML を編集および美化するための優れたエレガントな方法を提供するため、賢明な選択です。さらに、ボタン設定、カスタム ラベル、ユーザーにとって最も有益な情報に基づいた選択などの高度なオプションが含まれています。

4. Fancy Boot

Fancyboot は、ユーザーがブートストラップ構成を編集し、自動的にプレビューできるようにする非常に便利なブートストラップ カスタマイズ ツールです。それらの変更の結果。スライド メニューから使用するプラグインとコンポーネントを選択できます。ユーザーが対応する変更を行うと、ユーザーが使用する jQuery プラグインを含む、コンパイルされ簡素化された CSS ファイルをダウンロードできます。

5. スタイル ブートストラップ

スタイル ブートストラップは、ユーザーが Twitter ブートストラップの外観をカスタマイズするのに役立つ優れた組み込みブラウザ GUI ユーティリティです。カスタマイズはとても簡単です。ボディスタイル、タイポグラフィー、ボタン、ナビゲーション、書式設定、通知プロンプト、その他の要素に至るまで、ユーザーは希望に応じて簡単にカスタマイズできます。強力なカスタマイズ機能に加えて、ダウンロード可能な CSS ファイルを簡単に生成できます。

6. Lavish

Lavish は、ユーザーが画像からお気に入りの Bootstrap カラー スキームをカスタマイズできるツールです。ユーザーは、本文の背景、リンク、ヘッダー、メニュー、ラベル、テキスト、ドロップダウン メニュー、その他の要素に使用する画像からさまざまな色を選択できます。 Bootstrap の配色を決定したら、対応する Boostrap.css ファイルを簡単にダウンロードできます。

7. Bootstrap ThemeRoller

Bootstrap ThemeRoller は、ユーザーが独自のスタイルに従って独自の Bootstrap テーマを作成するための視覚的なインターフェイスを提供する直感的な Web アプリケーションです。このツールを使用すると、ユーザーは色、サイズ、フォント、形式、テーブル、ボタン、警告メッセージ、ナビゲーション バー、メニュー、その他の要素をカスタマイズできます。

このアプリケーションは、ユーザーが作成したスタイルごとに一意の URL を生成するため、ユーザーのすべての設定を保存できます。さらに驚くべきことに、ユーザーが退会したときに、カスタマイズしたページを停止または再開できることです。

8. レイアウトしてください!

レイアウトしてください!ドラッグ アンド ドロップ インターフェイス機能を使用すると、Bootstrap フロントエンド コードを簡単かつ迅速に構築できます。レイアウトしてみよう！あらゆるプログラミング言語と互換性があり、ユーザーはHTMLをダウンロードして、ここで自由にコーディング設計を行うことができます。

9. Pingendo

Pingendo は、ユーザーが人気の Twitter Bootstrap フレームワークを使用してレスポンシブ Web を作成できるようにするビジュアル デスクトップ アプリケーションです。プロトタイプ。 Pingendo は、多数の既製のレイアウト、ドラッグ アンド ドロップによる要素の位置決め、サイズ変更、カスタマイズ機能も提供します。ユーザーは自分でページを最適化し、独自のコンテンツを挿入できます。

10. Kickstrap

Kickstrap は、バックエンド サービスとして Firebase を使用する Bootstrap UI エディタです。 Bootstrap と一流の Web テクノロジーをシームレスに統合します。さらに優れているのは、ローカル バックエンドのサポートを必要としない、実績のあるデータベース駆動型の Web アプリケーションを実行できることです。

11. Bootply

Bootply は、ユーザーが可能な限り簡単に Bootstrap を編集できるようにする優れた Bootstrap UI 編集ツールです。フレンドリーな CSS、HTML、JavaScript。また、Bootstrap フレームワークの設計、プロトタイピング、テストを行うためのドラッグ アンド ドロップのビジュアル エディターでもあります。 Bootply には、Bootstrap コード スニペット、サンプル、テンプレートを含むコード リポジトリがあります。上記に加えて、さらに魅力的なのは、ユーザーが関連するコードやスニペットを簡単に発見、共有、表示できる、非常に活発な Bootply コミュニティがあることです。

12. X-editable

XX-Editable は、ユーザーがページなどの編集可能な要素を作成できるようにする拡張ライブラリです。ポップアップ モードとインライン モード。ネイティブのブートストラップ、jQuery UI、または純粋な jQuery 編集機能を提供します。このブートストラップ UI エディターには、クライアント側とサーバー側の検証、キーボード サポート、ライブ イベント、カスタマイズ可能なコンテナー スペースなどを含む、多くの強力な機能が備わっています。全体として、非常に高速な開発機能、フィールドの簡単な削除、データ更新のためのシンプルなバックグラウンド スクリプトを提供します。

13. Jetstrap

Jetstrap が単なる単純なエンティティ モデリング ツールであると誤解しないでください。 100% Web インターフェイスに基づく Twitter Bootstrap ビルド ツール。 Jetstrap を使用するために、ユーザーはいかなる種類のソフトウェアもダウンロードする必要はありません。ユーザーは、ログインして独自のプロジェクトを構築するだけで、いつでもどこでもプロジェクトにアクセスできます。構築機能は主に開発者やデザイナー向けに提供されており、ユーザーは Jetstrap を通じて美しい Web サイトを簡単に作成でき、実行速度も非常に速いです。

pShot は、モックアップ ツールと同じくらいシンプルできちんとした、高速でビジュアルなフロントエンド開発テキスト エディターです。さまざまなフレームワークに必要なさまざまなカスタマイズされたコンポーネント ライブラリを含む、これは提供される最高のツールの 1 つです。さらに、テーマチェンジャーが含まれており、ユーザーはテーマを変更できます。試用版は無料ですが、試用期間後は元のサービスを維持するには料金を支払う必要があります。

15. PaintStrap

PaintStrap は、Adobe kuler/COLOURlovers の色の組み合わせを使用して、美しい Twitter Bootstrap テーマを生成します。このツールはインストールが非常に簡単で、CSS ファイルをダウンロードして別の標準ファイルに置き換えるのも簡単です。

推薦學習：《bootstrap使用教學》

以上が開発にはどのようなブートストラップ UI ツールが一般的に使用されますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。