HTML-Bootstrap posicionamiento y alineación DIV estáticos y dinámicos

Quiero crear un sitio web con el cuerpo de la imagen a continuación. ¿Cómo puedo construir un div que produzca imágenes? Como puedes ver. Quiero que los cuadros div de ambos lados sean estáticos. Mientras que el div más grande que tieneexisting post para ser dinámico. Donde si agrego una nueva publicación. Agregará un nuevo div en el centro. ¿Cómo puedo lograr esta estructura de diseño? ¡Gracias por la ayuda

Intenté esto hasta ahora. Donde solo muestra el DIV centrado dinámicamente cuando agrego publicación.

ESTILOS

    .ex1 {
     width: 50%;
      height: auto;
      align-content: center;
      margin: auto;
    }

HTML

 <div class="ex1">
    <div class="container">
    	<div class="panel panel-default">


      			<div class="panel-heading">
      				<h3>HEADING TITLE</h3>
      			</div>
      			<div class="panel-body">
                       CONTENTS
      			</div>
    		</div>
    	</div>	
    </div>

Respuestas a la pregunta(0)

Su respuesta a la pregunta