Bootstrap样式覆盖

当我们引用了Bootstrap以后,在实际使用过程中,发现有些样式需要修改,但是又不可以修改源码,因为修改源码可能导致其他未知问题,因此我们需要将某些样式从Bootstrap的CSS源码中拿出来,放到我们自己的CSS样式中,进行修改,并且需要将自己的CSS样式放在BootstrapCSS样式后边引用,方便进行覆盖。

 

Bootstrap样式覆盖

 

接着我们修改CSS里边模块的名字转加到我们自己的名字上。

 

Bootstrap样式覆盖

 

经过这样的修改以后,我们就可以成功的覆盖Bootstrap自带的样式,而且不会污染Bootstrap原有的样式,但是这样经过修改以后,会多出来很多冗余的代码,因为如果模块A 与模块B都需要覆盖Bootstrap的CSS代码,那么会导致我们添加两遍类似的代码。

 

解决办法:

   1. 删除(删除没有使用到的CSS代码):会降低代码量,提高加载效率。

   2.保留: 利于维护,方便产品更新的时候,不用再去修改代码