我正在使用 Bootstrap 4，但是在 bootstrap 框架中已經(jīng)有媒體查詢斷點，現(xiàn)在我應(yīng)該在哪里使用 CSS 斷點選擇器類？我在 div 類行側(cè)使用了選擇器類，但它不起作用。這是我的代碼：@media(max-width: 992px){    .section-4 .section-breakpoint{      flex-wrap: wrap!important;      justify-content: center!important;    }    .section-4 .section-breakpoint > * {      width: 100% !important;    }}   <section class="section-4">        <div class="container-fluid">            <div class="row section-breakpoint">                <article class="col-md-5 article first-article">                    <hr class="hr-1">                    <h2><i>More tools to help<br>                        you do more</i></h2>                    <h4><i>Analytics, social, and productivity</i></h4>                    <hr class="hr-2">                    <p>Easy-to-understand analytics ensure you're able to see at a glance exactly how well your website is performing with all Gator Website Builder accounts. Simple social media tools allow you to add live feeds from Instagram, Twitter, and Facebook in order to stay engaged. You can add G Suite productivity tools to your domain, enabling Gmail, Docs, Slides, and more.</p>                    <h5><i><b>Get the best tools for $3.84/mo*</b></i></h5>                    <a class="btn get-started-btn" href="#">BUY NOW</a>                </article>                <div class="col-md-7 text-right">                    <img class="image-one" src="assets/images/product-7.png" alt="IMAGE-7">                </div>            </div>        </div>    </section>