Bootstrap4使用card-primary来实现反向效果

Question

我需要使用具有反效果的卡片。带有$ blue的卡片小学课程：＃363636非常适合我。不幸的是，标准的Card-primary有蓝色背景，而我需要它。我确实尝试过卡逆，但它并不是我所需要的。背景太暗了。我将如何解决我的问题？

由于

更新。 实际上我错了逆使一切变白：文字和背景。

Answer 1

我认为您正在寻找outline卡片变体......

    <div class="card card-outline-primary text-primary">
        <div class="card-block">
            <h3 class="card-title">Primary</h3>
            <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
            <a href="#" class="btn btn-primary">Outline</a>
        </div>
    </div>

http://www.codeply.com/go/eQoWW5JVzO

除非你想要蓝色文字，否则text-primary是不必要的。