My HTML code appears as follows:
<Row>
<Col class="col-xs-12 col-sm-12 col-md-4"> //Content here <Col>
<Col class="col-xs-12 col-sm-12 col-md-4"> //Content here <Col>
<Col class="col-xs-12 col-sm-12 col-md-4"> //Content here <Col>
</Row>
While this generally functions correctly, the breakpoints on some devices are not ideal. How can I utilize media queries to specify which class to apply for different screen sizes, or override the default behavior of Bootstrap but only for this specific section of HTML?