Bootstrap: More Beauty card-footer on card-outline

Created on 2 Nov 2016 · 4Comments · Source: twbs/bootstrap

More Beauty card-footer (suggestion)

When the card set to outline-color*. the card footer become ugly.

so we can add card-outline-color support for the card-footer.
_001

css v4

Source

SuperWangCC

😕1

Most helpful comment

We won't be making changes to support theming of the inner components. One thing I might do is make those background-colors rgba so they can blend easier with parent backgrounds, but that's about it.

mdo on 4 Nov 2016

👍2

All 4 comments

Header and footer styles are basic for purpose of custom theming.

rafalp on 2 Nov 2016

I'm with @rafalp. I definitely do not want more styling added to bootstrap. Simplicity is something I would like to begin pushing for.

guylepage3 on 2 Nov 2016

mdo on 4 Nov 2016

👍2

I agree with @SuperWangCC that it would have been nice to have the header and footer take on the same colour scheme as the outline class applied.

However, adding "bg-* text-white" to the card-header or card-footer produces a good result.

For example:

<div class="card" card-outline-success>
    <div class="card-header bg-sucess text-white">Header</div>
    <div class="card-block">
        Content
    </div>
</div>`

capture