BootStrap常用组件及其使用效果

2018.6.19  JAVA大实习要做校园导游咨询系统，之前对于前端知之甚少，学习了bootstrap框架，现用于巩固与交流学习

相关链接：Bootstrap中文网 BootCDN官网

BootStrap主要组件及其类

栅格系统	col-lg-3(占3/12)	col-sm-3(占3/12)	col-xs-3(占3/12)
表单	form-group	form-control
按钮	btn	btn-default	btn-info
按钮组	btn-toolbar
导航	nav	nav-tabs	nav-pills
导航栏	nav-bar
面板	panel
表格	table
其他组件	label	list-group

1.栅格系统

总之就是bootstarp用于方便分块地管理网页，方便用户使用的组件，其中：

col-lg-数字（lg代表large,sm代表小，xs代表最小）

数字总占12份，分成多少块取绝于自己，例如下面这个2-7-3的类型：