bootstrap:解决导航栏之间的距离

//这里面的,margin-left值都可以随意改变，其中container可以撑起来div框

@media screen and (min-width:769px) and (max-width:869px) {
  .navbar-default .navbar-collapse .navbar-nav li {
    margin-left: 3%;
  }
}
@media screen and (min-width:870px) and (max-width:970px) {
  .navbar-default .navbar-collapse .navbar-nav li {
    margin-left: 3%;
  }
}
@media screen and (min-width:971px) and (max-width:1071px) {
  .navbar-default .navbar-collapse .navbar-nav li {
    margin-left: 4%;
  }
}
@media screen and (min-width:1072px) and (max-width:1172px) {
  .navbar-default .navbar-collapse .navbar-nav li {
    margin-left: 5%;
  }
}
@media screen and (min-width:1173px) and (max-width:1673px) {
  .navbar-default .navbar-collapse .navbar-nav li {
    margin-left: 6%;
  }
}