bootstrap的@media (min-width: 768px)

在bootstrap.css中,经常出现

@media (min-width: ...px)

样式名{

.....

}

这表示只有浏览器的屏幕宽度达到min-width时,下面的样式才会执行。

比如导航栏的navbar-left、navbar-right

@media (min-width: 768px)
.navbar-left  {
  1. floatleft !important;
  2. padding-left30px;
}
@media (min-width: 768px)
.navbar-right  {
  1. floatright !important;
  2. margin-right-15px;
  3. padding-right30px;
}


你可能感兴趣的:(前端)