html - 容器 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>
解决方案
推荐阅读
- angular - mat-menu 样式未在 Angular 中应用
- azure - 从 ARM 模板创建 Azure Web 应用插槽,无需复制原始 Web 应用配置
- c++ - 互斥错误会引发异常吗?
- android - 自动调整初始屏幕图像
- django - Django 填充用户模型扩展/配置文件模型
- c - 如何在链表中插入多个数据
- javascript - 使用 Reduce/Map 将数组数组转换为唯一值数组
- c# - 正则表达式 - 匹配与组
- react-native - 从 stack-navigator-options 使用 props 调用 redux 操作
- scala - scala 测试:如何混合并行和顺序执行 FeatureSpec 测试套件