ブートストラップに基づくビジュアルWebエディターはありますか?


11

ブートストラップは素晴らしいフレームワークです。ブートストラップのhtmlコードを生成しながら、htmlコンポーネントのドラッグ、サイズ変更と移動、色の変更などの可能性を提供するツールがあるかどうか知りたいです。

Dreamweaverを使用したくないのは、クラスとIDをHTMLに追加する必要があるためです。


1
特定のcssを使用する場合、ボタンとすべてのUIコンポーネントを事前にスタイル設定する必要がある場合に特別に行うことは難しいとは思いません。これが唯一の
違い

1
@ DA01 WYSIWYGはトリッキーです。それらは改善を続けていますが、Webが方向転換して再び指数関数的に複雑になる前に、十分に追いついていないようです。デスクトップとラップトップで実行される非常に基本的なWebサイトで問題なく動作するようになっていますが、それはそれについてのようです。
エリック

最後に、これは私がpingendo.com
Kamel Labiad

回答:


5

Jetstrapは、公式のBootstrapコンポーネントの大規模なセットをページにドラッグアンドドロップできるオンラインツールです。

ここに画像の説明を入力してください

それらは明らかに応答性とクリーンなHTMLエクスポートを保証します。

1つのプロジェクトは無料で、10のプロジェクトは$ 8です。


これはもう利用できません。
スケリー

3

Bootply.comをチェックしてください -これは、Bootstrap HTML、JS、CSS用の無料のブラウザーベースのエディターです。

  • すべてのBootstrap CSS、コンポーネント、JavaScriptを備えたツールバー
  • 全画面またはモバイル/レスポンシブでプレビュー
  • FontAwesome、jQueryUI、およびその他のBootstrap拡張機能が含まれています
  • Bootstrap 3のサポート

更新

Bootplyは、今後のBootstrap 4をサポートするようになりました。


これは本当に素晴らしい解決策に見えます
Chaklader Asfak Arefe '



0

最新のBootstrapビジュアルエディター/ビルダーがここにあります:

UMyProtoブートストラップビルダー

非常にユーザーフレンドリーで、数回のクリックでレスポンシブグリッドを編集し、カスタムCSSスタイルを追加し、LESS変数を介してBootstrapテーマを変更し、完成したHTMLファイルをプレビュー/共有/ダウンロードできます。そしてビルダーはタブレットで動作します!


それは永久になくなったようです!
Chaklader Asfak Arefe 2017

0

dreamweaver cc 2014には、すぐに使用できるブートストラップによく似たテンプレートがあると思います。


貢献してくれてありがとう、GraphicDesignへようこそ!ご不明な点がございましたらお知らせください。
Zach Saucier、2015

0

私が開発したこのアプリをチェックしてください:Bootstrap 3 drag'and'drop builder

ここに画像の説明を入力してください


これは素晴らしいコンセプトのようですが、ベータ版やプライベートインビテーションではないため、まだテスト用にリリースされていないため、推奨することは困難です。
–DᴀʀᴛʜVᴀᴅᴇʀ

無料のブートストラップテンプレートを試すKIT bootstraptor.com/bootstrap-freeおよびBootstrap 3. *プレミアム開発者スターターキットはこちらbootstraptor.com
user2345551 14

0

Pinegrowは、別の非常に優れたオプションです。他のアプリでも簡単に編集できるBootstrap&Foundationのレイアウトを支援します。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.