Tengo el siguiente elemento:
<div class="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog" style="overflow-y: scroll; max-height:85%; margin-top: 50px; margin-bottom:50px;" >
<div class="modal-content">
<div class="modal-header">
<h3 class="modal-title"></h3>
</div>
<div class="modal-body"></div>
<div class="modal-footer"></div>
</div>
</div>
</div>
Muestra un cuadro de diálogo modal como este, básicamente, coloca una barra de desplazamiento alrededor de todo modal-dialog
y no modal-body
el contenido que estoy tratando de mostrar.
La imagen se ve así:
¿Cómo consigo solo una barra de desplazamiento modal-body
?
He intentado asignar style="overflow-y: scroll; max-height:85%; margin-top: 50px; margin-bottom:50px;"
a modal-body
, pero no funcionó.
fuente