网格布局中列的断点问题

问题描述 投票:0回答:0
    <div class="row  ">
      <aside class="sidebar col-lg-2 col-md-3 d-none d-md-block px-0 pt-3 border-end">
        .....
        .....
      </aside>

      <main class="main col-lg-8 col-md-9 col-12 p-3 m-0 px-3">
        <div class="container-fluid">
          <div class="row">
           <section class="section col-lg-4 col-md-6 col-sm-12  mt-3">
                 .....
                 .....
           </section>
          </div>
        </div>
      </main>

     <div class="col d-none d-lg-block pt-3 p-0 m-0 page-links">
        .....
        .....
     </div>

我正在尝试使用引导网格系统进行响应式布局。 除了部分的 col-sm-12 断点外,所有工作都很好,而不是一个列上的所有部分我有两个列。就像最后一个 berakpoint 不起作用

bootstrap-5 grid-layout
© www.soinside.com 2019 - 2024. All rights reserved.