首页 > 解决方案 > 容器 xxl 不适用于 Angular 的引导程序 5

问题描述

在这里,我正在尝试在 Angular 上制作完整的响应式网页。所以,我正在使用引导程序版本 5.0.2 https://getbootstrap.com/docs/5.0/getting-started/introduction/。我将容器用于各种设备。但它只适用于 xl,不适用于 xxl。我提到了我在组件中使用的代码。

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">


<div class="container-xxl container-xl container-lg container-md-12 container-sm-12 gallery_update_head">
     <div class="row gallery_update_body">
          <img class="gallery_image col-lg-6 col-md-12 col-sm-12" src="\assets\img\gallery.jpg" alt="Gallery">
          <p class="gallery_update_content col-lg-6 col-md-10 col-sm-12"><span class="font-weight-bold gallery_content1">To be updated..</span><br>
              We are currently working on something awesome. Stay tuned !
          </p>
     </div>
</div>

标签: htmlcssnode.jsangularjsmedia-queries

解决方案


推荐阅读