Document why card_body exists

Hi,

I remember why it has been splitted.

In a card you can place stuff not in card-body div:
- https://getbootstrap.com/docs/5.3/components/card/#list-groups
- https://getbootstrap.com/docs/5.3/components/card/#kitchen-sink

Also it seems that card has some new features since, not implemented: https://getbootstrap.com/docs/5.3/components/card/#image-overlays

Proposal, in order to be able to handle non-body and additional stuff.

Split content slot between content_before and content_after

In Card template, replace {{ content }} by:

{{ content_before }}
<div class='card-body">
  {% if title %}
    <h{{ heading_level }} class="card-title">{{ title }}</h{{ heading_level }}>
  {% endif %}
  {% if subtitle %}
    <h{{ heading_level + 1 }} class="card-subtitle">{{ subtitle }}</h{{ heading_level + 1 }}>
  {% endif %}
  {% if text %}
    <p class="card-text">{{ text }}</p>
  {% endif %}
  {{ content }}
  {{ links|add_class('card-link') }}
</div>
{{ content_after }}

This change will be breaking.

Go for proposal 2

Sorry to go back on our discussion.

But in https://getbootstrap.com/docs/5.3/components/card/#kitchen-sink, we can see that a card can have multiple card-body. I think that's why the "content before"/"content after" had not been chosen previously.

As discussed. Let's keep card body as it is and document in the description why it exists.

Also implement missing features.

1. Create an other issue about card overlay.

2. Proposal for description:

description: "Internal: to be used in the 'Card' component. Isolated because a card can have multiple 'Card body' components."

Automatically closed - issue fixed for 2 weeks with no activity.