Bootstrap是一种web框架,是基于HTML,CSS和JS的一种目前较为流行的前端框架。
Bootstrap包含有丰富的组件,根据提供的组件,开发者可以更加快速、便捷地搭建自己心仪的网站。通常包括有以下常用组件:下拉菜单、按钮组、按钮下拉菜单、导航、导航条、分页、排版、缩略图、警告对话框、进度条、媒体对象等。此外,bootstrap还包含有众多jQuery插件:莫泰局昂、标签页、滚动条、弹出框等。
有关bootstrap的下载和文档可到bootstrap中文网:查看。
那么使用bootstrap的优势在哪里?第一、利于开发响应式网站,解决不同设备的兼容性问题。第二、提高了网站的开发速度和开发效率。
本篇文章将总结常用组件及其属性。
1.1栅格系统
1、栅格系统是一种行和列构成的一种布局。随着,屏幕分辨率的变大,最多可展示12个列。
PC端:
PAD端:
手机终端:
2、栅格参数:
col-lg-*:(屏幕>=1200px) PC col-md-*:(992px-1200px) col-sm-*:(768px-992px)小平板 col-xs-*:(小于768px)手机
3.代码示例:
我们的口号是:靠谱、有趣、有料