Field display: respect label inline or above

I am not sure if there is something out-of-the-box in Bootstrap 5 for that.

Maybe we can only work with the markup, without looking for a boottsrap 5 HTML class.

Something like that (non tested pseudo code):

{% if not label_hidden %}
  <div{{ title_attributes.addClass(title_classes) }}>{{ label }}</div>
{% elseif (label_display == 'inline') and not label_hidden %}
  <span{{ title_attributes.addClass(title_classes) }}>{{ label }}</span>
{% endif %}
{% for item in items %}
  {{ item.content }}
{% endfor %}

What do you think?

Olivero:

Bootstrap 3:

UI Suite Bootstrap:

Regarding what Olivero and Bootstrap 3 do. (I prefer CSS classes of Bootstrap with dashes instead of underscores), I think we should add:
- a bold class on field label
- if inline a float class on field label
- a little bit of CSS to add the ":"

Discussed with @pdureau, ok for solution in comment 3.

mademo → made their first commit to this issue’s fork.

Grimreaper → closed merge request !116

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