Summernote:将工具栏中的按钮向右移动?

时间:2014-04-27 10:12:29

标签: javascript jquery html css summernote

summernote工具栏中的按钮始终保持对齐。有没有办法可以将工具栏按钮的这种对齐方式更改为右边或中心?

默认位置如下: http://i.imgur.com/LmXGa1p.png

我想更改按钮的对齐方式,所以它们看起来像这样: http://i.imgur.com/R9NxbZG.png

2 个答案:

答案 0 :(得分:0)

您可以使用以下选项将整个工具栏浮动到右侧:

float:right;

你可以用CSS做到这一点。

e.g。包含工具栏图标的div应该向右浮动。如果没有包含工具栏图标的div,则将图标放在如下所示的div中。

<强> HTML:

<div class="toolbar-container">
</div>

<强> CSS:

.toolbar-container {
    float:right;
}

答案 1 :(得分:0)

您需要向工具栏内的所有float: right添加btn-group

.note-toolbar > .btn-group {
    float: right ;
}

不幸的是,它会重新排序btn-group,因此您必须更新配置文件以颠倒顺序。