在文档流编辑页面，选中需要修改的内容，然后在样式类（元素样式类调整）下拉列表中（下图中红框内）选择合适的样式即可。

当前元素样式类通过给选中的内容添加相应的样式类，来改变选中内容的样式。添加的样式类最终在页面显示的效果与“页面设置”中设置的主题有关。当前元素样式类下面的内容会根据选择内容的不同而不同，下面列出出现的选项。

(1) 清空样式：清空添加的对象元素样式。

(2) 左、右浮动：应用于图像，使文本围绕在图像周围。

(3) 引文：应用于文本，字体变大。

(4) 类控件样式

水平布局的表单中，如需将一行纯文本和 label 元素放置于同一行，为 <p> 元素添加类控件样式（.form-control-static）即可。

例子：

未使用类控件样式：

使用类控件样式：

上面使用类控件样式的代码：

<form class="form-horizontal" role="form">
<div class="form-group"><label class="col-sm-2 control-label">Email</label>

<div class="col-sm-10">
<p class="form-control-static">email@example.com</p>
</div>
</div>
</form>

(5) 帮助、禁用、原色、成功、信息、警告、错误文本样式：文本显示不同的颜色。

(6) 文本不换行：文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。

(7) 显示dotjs语句：对后端标注语言有效，选择后就会显示标注语言，否则不显示且会执行此语句。

(8) 列表选项

选择列表的时候会出现以下选项：列表项、有/无顺序列表、下拉列表样式、列表无样式、水平列表。

| 列表项：表示当前选择的元素是个列表。

| 有/无顺序列表：表示当前选择的列表是哪种类型的。

| 列表无样式：不显示列表的样式。

| 水平列表：将垂直排列的列表变成水平排列。

(9) 条纹表格：应用于表格，使用后表格变成灰白相间的样式。

当前段元素下面有地址、div、p、工具条。

(1) 地址、div、p：将选中内容的段元素标签变成所选择的段元素标签。

(2) 工具条：对多个带有 “class .btn” 的按钮有效。将这些按钮变成一组、垂直排列、调整大小，详情请查看Bootstrap 按钮组。

当前字元素通过给选中的内容添加相应的标签，来改变选中内容的样式。

(1) 大、小文本：改变文本的大小。

(2) 验证指示标签：不会向用户呈现任何特殊效果，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。详情请点击lable标签。

(3) 高亮：定义带有记号的文本，需要突出显示文本时使用。例子：高亮。

(4) 按键组合：定义键盘文本。它表示文本是从键盘上键入的。它经常用在与计算机相关的文档或手册中。例子：按键组合。

(5) 缩略语

将文本标记为简称或缩写。通过对缩写进行标记，使用者能够为浏览器、拼写检查和搜索引擎提供有用的信息。可以在 <abbr> 标签中使用全局的 title 属性，这样就能够在鼠标指针移动到 <abbr> 元素上时显示出简称/缩写的完整版本。

例子：CN

代码：

<p><abbr title="China">CN</abbr></p>

(6) 缩略语小字体样式：与缩略语不同的是字体变小。

(7) 示例输出风格：用在各种程序的代码范例中，字体与不用的小。例子：HTML使用“示例输出风格”后HTML。

(8) 变量风格：定义变量。文本通常显示为斜体。例子：变量风格。