Html 简单的开/关开关位置与文本在同一行上

我试图使文本+按钮在同一行从引导，但不起作用。它只是不想移动

这就是我目前所拥有的

.ONOFF开关{ 位置：相对；宽度：90px； -webkit用户选择：无；-moz用户选择：无；-ms用户选择：无； } .onoffswitch复选框{ 显示：无； } .ONOFF开关标签{ 显示：块；溢出：隐藏；光标：指针； 边框：2px实心99999；边框半径：20px； } .ONOFF开关内部{ 显示：块；宽度：200%；左边距：-100%； 过渡：0秒时，边距为0.3秒； } .onoffswitch内部：之前，.onoffswitch内部：之后{ 显示：块；浮动：左；宽度：50%；高度：30px；填充：0；线宽：30px； 字体大小：14px；颜色：白色；字体系列：投石机，Arial，无衬线；字体大小：粗体； 框大小：边框框； } .ONOFF开关内部：之前{ 内容：关于； 左侧填充：10px； 背景色：34A7C1；颜色：FFFFFF； } .ONOFF开关内部：之后{ 内容：关； 右边填充：10px； 背景色：EEEEE；颜色：999999； 文本对齐：右对齐； } .ONOFF开关{ 显示：块；宽度：18px；边距：6px； 背景：FFFFFF； 位置：绝对；顶部：0；底部：0； 右：56px； 边框：2px实心99999；边框半径：20px； 过渡：所有0.3秒在0秒内轻松过渡； } .onoffswitch复选框：选中+.onoffswitch标签.onoffswitch内部{ 左边距：0； } .onoffswitch复选框：选中+.onoffswitch标签.onoffswitch开关{ 右：0px； } 从这里切换模式： 用于小视图的列xs-*：

.ONOFF开关{ 位置：相对；宽度：90px； -webkit用户选择：无；-moz用户选择：无；-ms用户选择：无； } .onoffswitch复选框{ 显示：无； } .ONOFF开关标签{ 显示：块；溢出：隐藏；光标：指针； 边框：2px实心99999；边框半径：20px； } .ONOFF开关内部{ 显示：块；宽度：200%；左边距：-100%； 过渡：0秒时，边距为0.3秒； } .onoffswitch内部：之前，.onoffswitch内部：之后{ 显示：块；浮动：左；宽度：50%；高度：30px；填充：0；线宽：30px； 字体大小：14px；颜色：白色；字体系列：投石机，Arial，无衬线；字体大小：粗体； 框大小：边框框； } .ONOFF开关内部：之前{ 内容：关于； 左侧填充：10px； 背景色：34A7C1；颜色：FFFFFF； } .ONOFF开关内部：之后{ 内容：关； 右边填充：10px； 背景色：EEEEE；颜色：999999； 文本对齐：右对齐； } .ONOFF开关{ 显示：块；宽度：18px；边距：6px； 背景：FFFFFF； 位置：绝对；顶部：0；底部：0； 右：56px； 边框：2px实心99999；边框半径：20px； 过渡：所有0.3秒在0秒内轻松过渡； } .onoffswitch复选框：选中+.onoffswitch标签.onoffswitch内部{ 左边距：0； } .onoffswitch复选框：选中+.onoffswitch标签.onoffswitch开关{ 右：0px； } 从这里切换模式： 用于小视图的列xs-*：

.ONOFF开关{ 位置：相对；宽度：90px； -webkit用户选择：无；-moz用户选择：无；-ms用户选择：无； } .onoffswitch复选框{ 显示：无； } .ONOFF开关标签{ 显示：块；溢出：隐藏；光标：指针； 边框：2px实心99999；边框半径：20px； } .ONOFF开关内部{ 显示：块；宽度：200%；左边距：-100%； 过渡：0秒时，边距为0.3秒； } .onoffswitch内部：之前，.onoffswitch内部：之后{ 显示：块；浮动：左；宽度：50%；高度：30px；填充：0；线宽：30px； 字体大小：14px；颜色：白色；字体系列：投石机，Arial，无衬线；字体大小：粗体； 框大小：边框框； } .ONOFF开关内部：之前{ 内容：关于； 左侧填充：10px； 背景色：34A7C1；颜色：FFFFFF； } .ONOFF开关内部：之后{ 内容：关； 右边填充：10px； 背景色：EEEEE；颜色：999999； 文本对齐：右对齐； } .ONOFF开关{ 显示：块；宽度：18px；边距：6px； 背景：FFFFFF； 位置：绝对；顶部：0；底部：0； 右：56px； 边框：2px实心99999；边框半径：20px； 过渡：所有0.3秒在0秒内轻松过渡； } .onoffswitch复选框：选中+.onoffswitch标签.onoffswitch内部{ 左边距：0； } .onoffswitch复选框：选中+.onoffswitch标签.onoffswitch开关{ 右：0px； } 从这里切换模式：

---

我对你的分区做了一些直接的更改

你可以根据需要改变

.ONOFF开关{ 位置：相对；宽度：90px； -webkit用户选择：无；-moz用户选择：无；-ms用户选择：非 E } .onoffswitch复选框{ 显示：无； } .ONOFF开关标签{ 显示：块；溢出：隐藏；光标：指针； 边框：2px实心99999；边框半径：20px； } .ONOFF开关内部{ 显示：块；宽度：200%；左边距：-100%； 过渡：0秒时，边距为0.3秒； } .onoffswitch内部：之前，.onoffswitch内部：之后{ 显示：块；浮动：左；宽度：50%；高度：30px；填充：0；线宽：30px； 字体大小：14px；颜色：白色；字体系列：投石机，Arial，无衬线；字体大小：粗体； 框大小：边框框； } .ONOFF开关内部：之前{ 内容：关于； 左侧填充：10px； 背景色：34A7C1；颜色：FFFFFF； } .ONOFF开关内部：之后{ 内容：关； 右边填充：10px； 背景色：EEEEE；颜色：999999； 文本对齐：右对齐； } .ONOFF开关{ 显示：块；宽度：18px；边距：6px； 背景：FFFFFF； 位置：绝对；顶部：0；底部：0； 右：56px； 边框：2px实心99999；边框半径：20px； 过渡：所有0.3秒在0秒内轻松过渡； } .onoffswitch复选框：选中+.onoffswitch标签.onoffswitch内部{ 左边距：0； } .onoffswitch复选框：选中+.onoffswitch标签.onoffswitch开关{ 右：0px； } 从这里切换模式：

---

我对你的分区做了一些直接的更改

你可以根据需要改变

.ONOFF开关{ 位置：相对；宽度：90px； -webkit用户选择：无；-moz用户选择：无；-ms用户选择：无； } .onoffswitch复选框{ 显示：无； } .ONOFF开关标签{ 显示：块；溢出：隐藏；光标：指针； 边框：2px实心99999；边框半径：20px； } .ONOFF开关内部{ 显示：块；宽度：200%；左边距：-100%； 过渡：0秒时，边距为0.3秒； } .onoffswitch内部：之前，.onoffswitch内部：之后{ 显示：块；浮动：左；宽度：50%；高度：30px；填充：0；线宽：30px； 字体大小：14px；颜色：白色；字体系列：投石机，Arial，无衬线；字体大小：粗体； 框大小：边框框； } .ONOFF开关内部：之前{ 内容：关于； 左侧填充：10px； 背景色：34A7C1；颜色：FFFFFF； } .ONOFF开关内部：之后{ 内容：关； 右边填充：10px； 背景色：EEEEE；颜色：999999； 文本对齐：右对齐； } .ONOFF开关{ 显示：块；宽度：18px；边距：6px； 背景：FFFFFF； 位置：绝对；顶部：0；底部：0； 右：56px； 边框：2px实心99999；边框半径：20px； 过渡：所有0.3秒在0秒内轻松过渡； } .onoffswitch复选框：选中+.onoffswitch标签.onoffswitch内部{ 左边距：0； } .onoffswitch复选框：选中+.onoffswitch标签.onoffswitch开关{ 右：0px； } 从这里切换模式：

---

确保您还为所有大屏幕尺寸添加了引导列类。 .ONOFF开关{ 位置：相对位置； 宽度：90px； -webkit用户选择：无； -moz用户选择：无； -ms用户选择：无； } .onoffswitch复选框{ 显示：无； } .ONOFF开关标签{ 显示：块； 溢出：隐藏； 光标：指针； 边框：2个实心999999； 边界半径：20px； } .ONOFF开关内部{ 显示：块； 宽度：200%； 左边距：-100%； 过渡：0秒时，边距为0.3秒； } .ONOFF开关内部：之前， .ONOFF开关内部：之后{ 显示：块； 浮动：左； 宽度：50%； 高度：30px； 填充：0； 线高：30px； 字体大小：14px； 颜色：白色； 字体系列：投石机，Arial，无衬线； 字体大小：粗体； 框大小：边框框； } .ONOFF开关内部：之前{ 内容：关于； 左侧填充：10px； 背景色：34A7C1； 颜色：FFFFFF； } .ONOFF开关内部：之后{ 内容：关； 右边填充：10px； 背景色：EEEE； 颜色：999999； 文本对齐：右对齐； } .ONOFF开关{ 显示：块； 宽度：18px； 利润率：6px； 背景：FFFFFF； 位置：绝对位置； 排名：0； 底部：0； 右：56px； 边框：2个实心999999； 边界半径：20px； 过渡：所有0.3秒在0秒内轻松过渡； } .onoffswitch复选框：选中+.onoffswitch标签.onoffswitch内部{ 左边距：0； } .onoffswitch复选框：选中+.onoffswitch标签.onoffswitch开关{ 右：0px； } 从这里切换模式：

---

确保您还为所有大屏幕尺寸添加了引导列类。 .ONOFF开关{ 位置：相对位置； 宽度：90px； -webkit用户选择：无； -moz用户选择：无； -ms用户选择：无； } .onoffswitch复选框{ 显示：无； } .ONOFF开关标签{ 显示：块； 溢出：隐藏； 光标：指针； 边框：2个实心999999； 边界半径：20px； } .ONOFF开关内部{ 显示：块； 宽度：200%； 左边距：-1 00%; 过渡：0秒时，边距为0.3秒； } .ONOFF开关内部：之前， .ONOFF开关内部：之后{ 显示：块； 浮动：左； 宽度：50%； 高度：30px； 填充：0； 线高：30px； 字体大小：14px； 颜色：白色； 字体系列：投石机，Arial，无衬线； 字体大小：粗体； 框大小：边框框； } .ONOFF开关内部：之前{ 内容：关于； 左侧填充：10px； 背景色：34A7C1； 颜色：FFFFFF； } .ONOFF开关内部：之后{ 内容：关； 右边填充：10px； 背景色：EEEE； 颜色：999999； 文本对齐：右对齐； } .ONOFF开关{ 显示：块； 宽度：18px； 利润率：6px； 背景：FFFFFF； 位置：绝对位置； 排名：0； 底部：0； 右：56px； 边框：2个实心999999； 边界半径：20px； 过渡：所有0.3秒在0秒内轻松过渡； } .onoffswitch复选框：选中+.onoffswitch标签.onoffswitch内部{ 左边距：0； } .onoffswitch复选框：选中+.onoffswitch标签.onoffswitch开关{ 右：0px； } 从这里切换模式：