如何禁用引导程序 4 卡上的边框

Question

我的引导卡的 img 部分一直出现灰色轮廓，我想将其删除。

     <!-- Card deck -->
                <div class="card-deck">
                    <!-- Card -->
                    <div class="col-md-6 col-lg-4 col-xl-3">
                        <div class="card mb-4">
                            <!--Card image-->
                            <div class="view overlay"><img alt="Work eyewear" class="card-img-top img-fluid" src="img/clothing-1.jpg"></div><!--Card content-->
                            <div class="card-body">
                                <!--Title-->
                                <h4 class="card-title">PPE</h4><!--Text-->
                                <p class="card-text">PPE is equipment that will protect the user against health or safety risks at work...</p><!-- Provides extra visual weight and identifies the primary action in a set of buttons -->
                                <a class="" href="https://shop.spartansafety.co.uk/personal-protection-s/1820.htm">SHOP NOW <i class="fas fa-arrow-right fa-xs"></i></a>
                            </div>
                        </div>
                    </div><!-- Card -->

原文由 Victor Johnson 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

如果您检查 .card 类有一个 border: 1px solid #e5e5e5;

要删除它，只需将其覆盖为 border: none;

原文由 John Baker 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

有 边界实用程序 可以帮助解决这个问题。从链接：

减法

> <span class="border-0"></span>
> <span class="border-top-0"></span>
> <span class="border-right-0"></span>
> <span class="border-bottom-0"></span>
> <span class="border-left-0"></span>
>
> ```

因此，对于您的场景，由于您想要删除所有边框，因此您需要将 `border-0` CSS 类添加到您的 `card` 中，如下所示：

”`

原文由 jasonscript 发布，翻译遵循 CC BY-SA 4.0 许可协议