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%;
  }
}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM