Javascript 追溯性地将引导应用于现有HTML的最可维护的方法是什么？

我在一个网站上工作，它的后台框架会生成一些我无法更改的HTML表单。我的任务是使表单与网站的其他部分保持一致，而网站的其他部分使用引导程序进行样式设置。以前的开发人员做过这样的事情：

$('#leads-for-purchase , #leads-for-purchase-head').insertBefore('#member-main-newsletter-head');   
$("#leads-for-purchase strong span.green_leads_title_country2,#leads-for-purchase .green_leads_title_country").removeClass("textgreen");

这些只是一个页面上的前两行，但这种模式在整个站点上都是重复的：查看后端生成的HTML，然后编写一组javascript，让它看起来像您想要的那样。我知道这是一种不幸的情况

---

使用引导设置HTML样式的最易维护的方法是什么？我试图让它生成自定义HTML，但与此同时，我希望它看起来更干净。

如果您无法修改HTML中的类，您可以使用SASS版本的引导

e、 g

这相当于将

行

添加到#leads for purchase元素中，并将

col-xs-6

添加到其子项strong and.green_leads_title_country中

---

这样做的缺点是，当行的定义被多次重复时，它会生成一个大的css文件，但它可能会满足您的需要

Bootstrap主要使用自定义类进行样式设置。您需要找到一种方法将这些类添加到生成的HTML中。如果这是不可能的，您需要直接更改引导CSS文件，以便它们应用于生成的HTML以及自定义类。这个问题要么太广泛，基于观点，要么需要讨论，因此对于堆栈溢出来说是离题的。如果您有一个具体的、可回答的编程问题，请提供完整的详细信息。

#leads-for-purchase {
    @extend .row;
    strong, .green_leads_title_country {
        @extend .col-xs-6;
    }
}