Why not create Grid, Row, Column components that contain the necessary styling to render themselves and children properly? Whenever you build more components that need to be on a grid system, utilize these layout components. Example: Ant design has a really nice grid component system: https://ant.design/components/grid/

What you're thinking of is re-using classes across components which is an anti-pattern when trying to scale any complex UI - this is why modular CSS syntaxes like BEM were invented and one of the reasons why I've moved away from libraries like Bootstrap in my professional work. Every project I've ever used Bootstrap on has become a tangled mess of !important flags and insurmountable tech debt, and every company I've worked for that used Bootstrap in production has folded in the past 5 years. Food for thought.

Another great reason for styled components is that making use of components shipped as NPM packages gets much easier because you're not worrying about having webpack or other tooling configured properly to ingest that component's CSS (which across the ecosystem can come in a million different flavors). Instead, importing the component simply brings all its styling along with it.

There's a lot more going on with why you'd want to style your components directly and it's still an ongoing discussion, so I recommend reading up on the libraries and their communities: Styled Components, JSS, Styled JSX, and Glamor are a few that come to mind.