html - 修复卡片内引导行的左右边距
问题描述
我无法为卡内的引导行自定义左右边距。这是我的css代码和一些截图。
<div class="container" style="margin-bottom: -20px;">
<div class="row">
<div class="col-6">
<div class="card shadow bg-white pt-1 pb-1 rounded">
<div class="row" id="xyz">
<div class="col-4">
<p><b>1,933</b></p>
</div>
<div class="col-4">
<p><b>₹100</b></p>
</div>
<div class="col-4" style="white-space:nowrap">
<p><b>₹4,000</b></p>
</div>
</div>
<div class="row">
<div class="col-6">
<img class="mx-auto d-block card-img" src="../../assets/images/note_9_pro_max1.jpg" alt="note-pro-max" style="width: 50px; height: 100px;">
</div>
<div class="col-6" style="white-space:nowrap">
<p><b>₹1,000</b></p>
</div>
</div>
</div>
</div>
</div>
</div>
解决方案
添加
卡片 div 中的 pl-1 和 pr-1 并尝试...
<div class="card shadow bg-white pt-1 pb-1 pl-1 pr-1 rounded">
推荐阅读
- regex - 如何使用 vars 在 awk 中排除多个非字母数字字符
- sql - 为什么 min 函数返回多行
- python - Spark Stream - 'utf8' 编解码器无法解码字节
- scala - 如何为递归泛型实现类型类?
- python - 如何在熊猫数据框中设置最小值和最大值?
- c# - 在构建时自动应用数据库迁移
- c# - 无法仅在 x 轴上缩放路径的某些子级
- docker - Kubernetes:kubectl 顶级节点/pod 不工作
- ssl - 启用 ColdFusion 沙盒安全性后,使用 CFHTTP 访问安全站点会失败
- regex - 如何使用 golang 正则表达式引用组