分享bootstrap学习笔记心得(组件及其属性)-创新互联
Bootstrap是一种web框架，是基于HTML,CSS和JS的一种目前较为流行的前端框架。
Bootstrap包含有丰富的组件，根据提供的组件，开发者可以更加快速、便捷地搭建自己心仪的网站。通常包括有以下常用组件：下拉菜单、按钮组、按钮下拉菜单、导航、导航条、分页、排版、缩略图、警告对话框、进度条、媒体对象等。此外，bootstrap还包含有众多jQuery插件：莫泰局昂、标签页、滚动条、弹出框等。
有关bootstrap的下载和文档可到bootstrap中文网：www.bootcss.com查看。
那么使用bootstrap的优势在哪里？第一、利于开发响应式网站，解决不同设备的兼容性问题。第二、提高了网站的开发速度和开发效率。
参考：如何使用Bootstrap的modal组件自定义alert，confirm和modal对话框
Bootstrap学习系列之使用 Bootstrap Typeahead 组件实现百度下拉效果
本篇文章将总结常用组件及其属性。
1.1栅格系统
1、栅格系统是一种行和列构成的一种布局。随着，屏幕分辨率的变大，最多可展示12个列。
PC端：
PAD端：
手机终端：
2、栅格参数：
col-lg-*:(屏幕>=1200px) PC
col-md-*:（992px-1200px）
col-sm-*:（768px-992px）小平板
col-xs-*:（小于768px）手机
3.代码示例：
靠谱研究所
我们的口号是：靠谱、有趣、有料
靠谱研究所
我们的口号是：靠谱、有趣、有料
另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。
当前标题：分享bootstrap学习笔记心得(组件及其属性)-创新互联
本文网址：http://6mz.cn/article/dhhshc.html