在这里,我试图在angular上创建完全响应的网页。因此,我使用的是引导版本5.0.2https://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>
暂无答案!
目前还没有任何答案,快来回答吧!