<div class='table'>
              <div class="row encabezado">
                <div class="col-md-4 col-sm-12">ID</div>
                <div class="col-md-4 col-sm-12">Año</div>
                <div class="col-md-4 col-sm-12">Acción</div>
              </div>
              <div class="row contenido-700">
                <div class='col-md-12'>
                  
                    <div class="row cuerpo">
                      <div class="col-md-4 col-sm-12">ID</div>
                      <div class="col-md-4 col-sm-12">Año</div>
                      <div class="col-md-4 col-sm-12 text-center">
                        <div class="btn-group btn-group-sm" role="group" aria-label="...">
                          <!--respetar los colores y botones para consultar, modificar y eliminar -->
                          <button class="btn btn-primary" type="button" data-toggle="tooltip" data-placement="left" title="Consultar"><i class="fa fa-folder"></i></button>
                          <button class="btn btn-success" type="button" data-toggle="tooltip" data-placement="left" title=""><i class="fa fa-folder"></i></button>
                          <button class="btn btn-info"    type="button" data-toggle="tooltip" data-placement="left" title="Modificar"><i class="fa fa-pencil"></i></button>
                          <button class="btn btn-dark"    type="button" data-toggle="tooltip" data-placement="left" title=""><i class="fa fa-pencil"></i></button>
                          <button class="btn btn-warning" type="button" data-toggle="tooltip" data-placement="left" title=""><i class="fa fa-trash-o" ></i></button>
                          <button class="btn btn-danger"  type="button" data-toggle="tooltip" data-placement="left" title="Eliminar"><i class="fa fa-trash-o"></i></button>
                        </div>
                      </div>
                    </div>
                  
                </div>
              </div>
              <div class="row pie">
                <div class="col-md-4 col-sm-12">ID</div>
                <div class="col-md-4 col-sm-12">Año</div>
                <div class="col-md-4 col-sm-12">Acción</div>
              </div>
            </div>