css - bootstrap - ¿Por qué no todos los elementos de flexbox se comportan como divs de flexbox?
flexbox html (1)
Por lo que puedo decir, esto se debe a errores de navegador relacionados con el elemento fieldset .
Es un problema conocido con los elementos de fieldset en Chrome . Firefox tiene un problema similar (muy antiguo) en que la legend y el fieldset son elementos reemplazados .
Supongo que es más seguro usar un <div role="group"> lugar de un verdadero fieldset por ahora. En tu CSS puedes usar div[role=''group''] como tu selector. Consulte http://www.deque.com/aria-group-viable-alternative-fieldset-legend para obtener más información.
¿Por qué flexbox no funciona correctamente con fieldset u otras etiquetas no div ? Espero que se alineen uno al lado del otro como en el ejemplo div , como flex-direction: row; es por defecto en flexbox. Sin embargo, fieldset es la fuerza aplicándoles un ancho, y no entiendo por qué.
HTML
<fieldset>
<div>fieldset flexbox</div>
<div>1</div>
<div>2</div>
</fieldset>
<div id="parentdiv">
<div>div flexbox<div>
<div>3</div>
<div>4</div>
</div>
CSS: Todos los elementos están configurados para display: flex ;