Advertisement

均值学习版本一 bootstrap方法

阅读量:

参考《全栈开发之道:MongoDB+Express+AngularJS+Node.js》一书,可以系统地学习和掌握构建完整Web应用所需的各种技术栈。

1,bootstrap文件目录

bootstrap主要包含三个文件目录,分别为css.fonts和js。
bootstarp.min.cs是经过压缩处理后的bootstrap样式表,其内容与bootstrap.css完全一致,但删除了不必要的部分,例如空格和注释,因此文件体积会比bootstrap.css更小。
bootstrap.min.js则是bootstrap.js的压缩版本,内容与原文件相同,但文件体积显著减小。

在bootstrap3.0版本之后,img标签中新增了img-responsive样式类,该样式能够使图片按照比例进行缩放,并确保图片尺寸不会超出其父元素的范围。

采用基于bootstrap的响应式布局设计时,页面应具备根据用户所使用的设备环境进行自动调整的能力,并根据不同设备特性作出相应的适配。

针对不同屏幕尺寸,bootstrap会自动调整页面布局,以确保在各类尺寸的屏幕上均能获得良好的显示效果。然而,如果用户不希望使用响应式布局功能,则可以随时选择关闭该特性。

2,使用bootstrap设计工具 – Layout IT。打开网址,如下,

  • GridSystem(栅格布局

全部评论 (0)

还没有任何评论哟~