当前位置:Gxlcms > html代码 > 提取bootstrapcss样式_html/css_WEB-ITnose

提取bootstrapcss样式_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:77人阅读

这是jsp代码一部分
                                        

像这里面都包含了很多bootstrap的css class类选择器,col-sm-1、col-sm-10 form-group等等
现在我想把这些class提取出来放在一个class里面,比如下面的形式:
                                        

就是提取公共的class,我只要引入一个class就可以了,不知道能不能实现????


回复讨论(解决方案)

你想把col-sm-1、col-sm-10 form-group等等合并在一起,可以实现,不过非常麻烦。除非你所有代码就你所截图的。
因为col-sm-1、col-sm-10 form-group这些类在同个页面其他部分、其他页面都有公用,如果把col-sm-1、col-sm-10 form-group合并成th,只是合并你所截图出来的这部分,否则用到col-sm-1、col-sm-10 form-group的其他部分就会乱了样式。

你想把col-sm-1、col-sm-10 form-group等等合并在一起,可以实现,不过非常麻烦。除非你所有代码就你所截图的。
因为col-sm-1、col-sm-10 form-group这些类在同个页面其他部分、其他页面都有公用,如果把col-sm-1、col-sm-10 form-group合并成th,只是合并你所截图出来的这部分,否则用到col-sm-1、col-sm-10 form-group的其他部分就会乱了样式。


那假设只合并上面的部分是怎么合并呢??

比如:class="col-sm-3 control-label no-padding-right"
你需要把这几个样式合并到一个中就可以了,去掉重复项,但不建议这么做,之所以分开写,就是为了整个站点写样式时以免重复,且方便控制。

人气教程排行