BootStrap

BootStrap的一些新概念

响应式设计：Bootstrap 的响应式 CSS 能够自适应于台式机、平板电脑和手机。

定制功能：可以定制 Bootstrap 的组件、LESS 变量和 jQuery 插件来得到您自己的版本。

移动设备优先是 Bootstrap 3 的最显著的变化。<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"> 禁止自动缩放

<img src="..." class="img-responsive" alt="响应式图像">    responsive 相应式

.img-responsive {

  display: inline-block;  可以让图像按比例缩放，不超过其父元素的尺寸
  height: auto;
  max-width: 100%；
}

<!DOCTYPE html>
img-responsive
body
使用 @font-family-base、 @font-size-base 和 @line-height-base 属性作为排版样式。
container

Bootstrap 的网格系统（Grid System）











 

posted on 2017-07-08 18:00  土金豪  阅读(95)  评论(0)  编辑  收藏  举报