javascript - Bootstrap Modal appears inside another scrollable window -


let me show image of i'm talking about

enter image description here

it's weird since i'm using similar code 1 shown in tutorial.

@{      viewbag.title = "my routine";      layout = "~/views/shared/_bootstraplayout.basic.cshtml";        }    <div id="mymodal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="mymodallabel" aria-hidden="true" style="display: none;">      <div class="modal-dialog">          <div class="modal-content">                <div class="modal-header">                  <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">close</span></button>                  <h4 class="modal-title" id="mymodallabel">tracking de agua</h4>              </div>              <div class="modal-body">                  <h4>actualice la cantidad de agua que ha ingerido:</h4>                  @using (html.beginform())                  {                      @html.validationsummary(true)                      <fieldset class="form-horizontal">                            @foreach (var property in model.visibleproperties())                          {                              using (html.controlgroupfor(property.name))                              {                              @html.label(property.name.toseparatedwords(), new { @class = "control-label" })                              <div class="controls">                                  @if (property.name == "quantity")                                  {                                      @html.editor(property.name, new { @class = "input-small" })                                      <b>lts</b>                                      @html.validationmessage(property.name, null, new { @class = "help-inline" })                                  }                                  else if (property.name == "date")                                  {                                      { model.date = datetime.now; }                                      @html.hiddenfor(m => m.date);                                    }                              </div>                              }                          }                          <div class="form-actions">                              <button type="button" class="btn btn-default" data-dismiss="modal">cerrar</button>                              <button type="submit" class="btn btn-primary">guardar</button>                          </div>                      </fieldset>                  }                    <hr>                    <h4>recomendaciones</h4>                  <p>se debe mantener una correcta hidratación cuando se realice una actividad física ya que puede producirse un aumento de temperatura corporal y sufrir un golpe de calor. </p>                  <p>es fundamental evitar la sensación de sed bebiendo líquido lo largo del día, ya que cuando ésta aparece quiere decir que ya se ha producido cierto grado de deshidratación en el organismo. </p>                  <p>se deben consumir alimentos ricos en agua como las frutas y verduras, caldos, sopas, gazpachos… </p>                </div>            </div>          <!-- /.modal-content -->      </div>      <!-- /.modal-dialog -->  </div>

can enlighten me why happening , how can rid of it?


Comments

Popular posts from this blog

php - Submit Form Data without Reloading page -

linux - Rails running on virtual machine in Windows -

php - $params->set Array between square bracket -