.form-signin {
  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: auto;
}




.dropdown .dropdown-menu {
  display: none;
}
.dropdown:hover > .dropdown-menu,
.dropend:hover > .dropdown-menu {
  display: block;
  margin-top: 0.125em;
  margin-left: 0.125em;
}
@media screen and (min-width: 769px) {
  .dropend:hover > .dropdown-menu {
    position: absolute;
    top: 0;
    left: 100%;
  }
  .dropend .dropdown-toggle {
    margin-left: 0.5em;
  }
}

#mapid {
  border: 1px solid black;
  height: 250px;  /* or as desired */
  width: 100%;  /* This means "100% of the width of its container", the .col-md-8 */
}