/**
* 窄屏显示时，使container的宽度为全屏
**/
@media (min-width: 576px) {
  .container {
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

/**
* 增加媒体类型，使宽屏显示更宽
**/
@media (min-width: 1300px) {
  .container {
    max-width: 1300px;
  }
}
@media (min-width: 1570px) {
  .container {
    max-width: 1570px;
  }
}
 .container {
    width: 1200px;
	max-width: 1200px;
  }
/**
* 修复 flex-grow-1 的宽度问题
* 在移动端时,flex-grow-1会使容器隐藏，建议使用 flex-sm-grow-1
**/
.flex-grow-1 {
  width: 0px;
}