Bootstrap4使用card-primary实现逆向效果

Question

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

谢谢

更新。 其实我错了 inverse makes everything white: text and a background.

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 不是必需的。