Question

我正在一个网站上工作，该网站的后端框架会生成一些我无法更改的HTML表单。我的任务是使表单与站点的其余部分保持一致，后者使用Bootstrap进行样式设置。以前的开发人员做过这样的事情：

In [17]: main_window = browser.current_window_handle

In [18]: main_window
Out[18]: u'{7606f3fb-ece7-4c11-b951-d743684b0987}'

# move to the other tab
In [19]: browser.find_element_by_tag_name('body').send_keys(Keys.CONTROL+Keys.TAB)

In [20]: main_window = browser.current_window_handle

# no difference
In [21]: main_window
Out[21]: u'{7606f3fb-ece7-4c11-b951-d743684b0987}'

这些只是一页上的前两行，但这个模式在整个网站上重复：查看后端生成的HTML，然后编写一堆javascript，让它看起来如你所愿。我知道这是一个不幸的情况。

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

Answer 1

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

e.g。

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

这相当于将row添加到＃leads-for-purchase元素，将col-xs-6添加到其子项为strong和.green_leads_title_country

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

将Bootstrap追溯应用于现有HTML的最可维护方法是什么？

1 个答案: