CSS: How to fine tune breakpoints for col-sm-X classes-CodePudding

I have some HTMl that looks like this:

<Row>
<Col > //Content here <Col>
<Col > //Content here  <Col>
<Col > //Content here  <Col>
</Row>

Genrally this works well, but for some devices the breakpoints are not like I want them to be how can I use media querys to specify what class I should apply for what screen size.. or override the defualt behaviour of bootstrap but NOT globally, I just want to target this bit of the HTML.

CodePudding user response：

You could just add a class to the column and then specify your own breakpoints? Probably the easiest way, if you don't want the changes to be global...

You can find the list of Bootstrap breakpoints in the compiled source; and that should be enough to tweak the functionality that you need.