0

私はちょっと困っています - 新しいスタック オーバーフロー ユーザーとして、これを適切な場所に投稿したいと思っています。

私は現在、Froala Editorをいじっていて、かなりのことを学んでいます。しかし、ドキュメンテーションをチェックして、もう少し掘り下げてみたところ、Bootstrap の統合に問題が発生しました。

基本的に、アクションがトリガーされると、事前に作成された「ブロック」がエディターに挿入されるようにします。この機能に問題はありませんが、そのブロックのコンテンツが正しく表示されないときに問題が発生します。

カスタム ブロック トリガーを作成するためvar widgetに、JS に統合します (読みやすくするために書式設定されています)。

widget = '<a href="#" class="btn btn-success">Bootstrap Works!</a><br>
         <div class="container-fluid">

             <div class="row">

                 <div class="col-xs-6" style="background:yellow;">
                     <h2>Title One</h2>
                     <img src="http://placehold.it/140x140" class="img-circle img-responsive">
                 </div>

                 <div class="col-xs-6" style="background:red;">
                     <h2>Title Two</h2>
                     <img src="http://placehold.it/140x140" class="img-circle img-responsive">
                 </div>

             </div>

         </div>';

「最初のウィジェット」（デフォルトのオプション）を選択し、「ウィジェットを追加」をクリックします。すべてが意図したとおりに機能します-col-xs-6通常のように列に浮かぶのではなく、互いの上にある two のスタックを除きます。

ここで例を見てください: http://nyit.me/wysiwyg/5-cstm/2.php

と の調整、Froala 内のいくつかのカスタム設定 ( と を含む) の調整、および基本と CSS の調整を試み.containerまし.container-fluidたpadding: 0;がmargin: 0;、body何htmlも機能していないようです。最終的に、私は何か非常に単純なものが欠けていて、これを完全に考えすぎていると感じています。

アドバイスをありがとう！

ぜ

4

1 に答える 1

0

発生している問題は に関連していbox-sizingます。問題を解決するコミットが Github にあります。

于 2015-03-17T13:03:25.730 に答える