首页 > 代码库 > 1.Bootstrap介绍与环境的引入

1.Bootstrap介绍与环境的引入

2024-09-18 23:13:50   215人阅读

Bootstrap是switter公司的两名前端设计师设计的，基于html,css,javascript的超强的前端框架
Bootstrap的特点：是以移动设备为优先，pc机 ，平板，手机
所有的主流浏览器都支持bootstrap,
Bootstrap环境的下载网址 http://v3.bootcss.com/
 
 
栅格系统
栅格系统一定要放入容器中
<div class="container"></div>
<div class="container-fluid"></div>
栅格系统；浏览器窗口自动分配最多12列，栅格系统是由对应的行(row)和列(column)构成
单元格的类还有其他选择 ,一共有四种：
　　　　
　　　　.c0l-xs-　　无论屏幕宽度如何，单元格都在一行，宽度按照百分比设置；试用于手机；
　　　　.col-sm-　　屏幕大于768px时，单元格在一行显示；屏幕小于768px时，独占一行；试用于平板；
　　　　.col-md-　　屏幕大于992px时，单元格在一行显示；屏幕小于992px时，独占一行；试用于桌面显示器；
　　　　.col-lg-　　屏幕大于1200px时，单元格在一行显示；屏幕小于1200px时，独占一行；适用于大型桌面显示器；
 

1.Bootstrap介绍与环境的引入


联系
我们