Hi Andrew,
My name is Tsvetomir and I am stepping in for my colleague Nikolay who is currently away. And, I would like to apologize for the delay in my response.
Generally, when there are two grids, they are supposed to have different id attributes. Therefore, if you would like to style only one of them, you would have to make use of the so-called CSS specificity to target the contents of only one of them. Here is an example:
<style>
#grid, #grid .k-grid{
font-size: 20px;
}
</style>
As per the inherited style, I tested out the scenario with the bootstrap v4 theme and it appears that it does not make a difference between the versions. Can you specify to which version you refer to?
Actually, the grid does inherit its styles but only if the html { // ... } rule is specified, for instance:
<style>
html {
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
}
</style>
And those styles would be applied for the whole page.
Feel free to contact us back in case further assistance is required.
Best regards,
Tsvetomir
Progress Telerik
Get
quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers.
Learn More.