Bootstrap4使用card-primary实现反效果

【问题标题】：Bootstrap4 using card-primary to achieve inverse effectBootstrap4使用card-primary实现反效果
【发布时间】：2017-03-17 18:41:15
【问题描述】：

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

谢谢

更新。其实我错了 inverse 让一切变白：文本和背景。

【问题讨论】：

可以分享代码吗？

标签： css twitter-bootstrap bootstrap-4 twitter-bootstrap-4

【解决方案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 不是必需的，除非您也想要蓝色文本。

【讨论】：

是的，这似乎可行。是否有单一的信息来源可以帮助理解如何组合 B4 类？
除了official docs之外，我真的不知道有哪一个。