解决bootstrap switch 开关OFF被断开导致排版混乱的问题

 

问题如下图：问题很明显OFF最后一个F因为换行导致被撑大，通过调试发现css内引入这么一个片段：

* {
  word-wrap: break-word;
}

 

意思是所有元素文字在一行放不下的时候采取策略为把词语断开。

 

2中解决办法：

1.想办法找到上面的css所在文件，然后去掉它。不推荐。

2.比较好的办法是：重写bootstrap-switch.css  

.bootstrap-switch .bootstrap-switch-handle-off {
  text-align: center;
  z-index: 1;
  <span style="color:#ff6666;">word-wrap: normal;
</span>}

红色部分为新增的地方。这样也可以解决问题！