Twitter bootstrap 在Froala编辑器中将引导用作自定义工具栏按钮

我有点为难——作为一个较新的堆栈溢出用户，我希望我能在正确的地方发布这篇文章

我目前正在修修补补，并且已经学到了不少东西。然而，当我开始查看文档并深入研究它时，我在集成引导方面遇到了一些问题

基本上，我希望这样，当一个动作被触发时，一个预先创建的“块”被插入到编辑器中。我对这个功能没有问题，但是当那个块的内容没有正确显示时，我的问题就开始了

为了创建自定义块触发器，我在JS中集成了

var小部件

（格式化以提高可读性）：

widget='

标题一
标题二
';

选择“第一个小部件”（默认选项）并单击“添加小部件”。除两个

col-xs-6

堆叠在彼此顶部之外，所有操作都按预期进行，而不是像通常那样浮动到列中

在此处查看一个示例：

我尝试过调整

.container

和

.container fluid

，调整Froala中的一些自定义设置（包括

填充：0；

和

边距：0；

），以及调整基本

主体
和
html
CSS，但似乎没有任何效果。最终，我有一种感觉，我错过了一些非常简单的东西，而且完全是想得太多了

谢谢你的建议

z
您遇到的问题与
盒子大小有关。Github上有一个可以解决您问题的解决方案。
谢谢您的回复！看来我已经在那个提交版本上了，抱歉，我说错了。这项承诺奏效了。非常感谢！
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>';