Bootstrap4 с использованием основной карты для достижения обратного эффекта

Question

Мне нужно использовать карты с обратным эффектом. Основной класс карты с $blue:#363636 отлично подходит для меня. К сожалению, стандартная карта-основной имеет синий фон, в то время как я должен иметь его пока. Я попробовал инвертировать карту, но это не то, что мне нужно. Фон слишком темный. Как мне решить мою проблему?

Спасибо

Обновить. На самом деле я ошибся: обратное делает все белым: текст и фон.

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 не нужно, если вы не хотите синий текст тоже.