html - 如何在bootstarp4中使大图像不被绘制到我们想要的高度
问题描述
我想在引导程序(图像叠加)中制作一个像卡片一样的大图像,但是图像太大而且我想要的高度..这是我所做的:
html:
<section class="card bg-dark no-border">
<div class="flex-column justify-content-center align-items-center bg-danger text-dark">
<img class="card-img img-fluid" src="img/bg_1.jpg" alt="Card image">
<div class="card-img-overlay text-center m-auto">
<h5 class="card-title mt-3">Card title</h5>
<p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional
content. This content is a little bit longer.</p>
<p class="card-text">Last updated 3 mins ago</p>
</div>
</div>
</section>
有没有人知道用 flex 使文本居中的更好方法?..我为此使用了边距,但这样做会更好。
解决方案
我觉得你只是一张分辨率不好的照片
推荐阅读
- jenkins - httpRequest 之后的函数行不在 groovy jenkins 管道中执行
- python - Python线程内存泄漏
- spring - 用于大约需要 1 分钟的任务的 Spring 队列 Web 服务
- javascript - 反应:无法将属性“lastEffect”设置为空
- node.js - 在 Heroku Node.js 应用上上传图片时出错
- c# - 在 xtragrid 中双击一个单元格,该值应显示在lookupedit中
- vuex - 在“通用”模式下使用 NuxtJs 管理 Vuex 状态
- c# - 将所有组件放在一个类下,使它们成为静态并从所有其他脚本中引用它们是否可行?(在 Unity 中使用 C#)
- angular - ngx-select-dropdown 示例值未绑定
- c++ - C++中递归函数的功能