[英]Fixing left and right margin in bootstrap row inside card
I am not able to customize left and right margin for bootstrap row inside card.我无法为卡片内的引导行自定义左右边距。 Here are my css code and some screenshots.
这是我的 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>
A little bit late, but I found a working solution.有点晚了,但我找到了一个可行的解决方案。 You can set the "width" of the card to percentages.
您可以将卡片的“宽度”设置为百分比。
<div class="card shadow bg-white pt-1 pb-1 rounded" style="width: 95% !important">
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.