bootstrap 常用类名 (2014-09-1215:15:21)转载▼标签: it分类: bootstrap一、常用类1、container居中的内容展示2、row 行内容显示3、col列内容显示,列必须在row中xs宽度小于768,sm宽度小于990大于768,md宽度大于990,小于1200,lg宽度大于1200col-xs-4代表小屏下显示为4列,col-xs-4col-md-2 代表小屏下占4列,大屏下占2列<</span>div class="container"> <</span>h1>Hello,world!</</span>h1> <</span>div class="row"><</span>div class="col-xs-4"> <</span>h2 class="page-header">区域一</</span>h2><</span>p>Bootstraphasafeweasywaystoquicklygetstarted,.</</span>p></</span>div> <</span>div class="col-xs-4"> <</span>h2 class="page-header">区域二</</span>h2><</span>p>IfyouworkwithBootstrap'piledsourcecode,,weonlyofficiallysupportRecess,whichisTwitter'.</</span>p> </</span>div> <</span>div class="col-xs-4"> <</span>h2 class="page-header">区域三</</span>h2> <</span>p>Withinthedownloadyou'llfindthefollowingdirectoriesandfiles,piledandminifiedvariations.</</span>p> </</span>div> </</span>div> </</span>div>\4、h1-H6 排版5、pageHeader 6、small小一号的深灰色,用作副标题。7、lead 处理一个段落的文字,让其显示效果显著。8、文字class<</span>h1>强调Class</</span>h1> <</span>p class="text-muted">Maecenasseddiamegetrisusvariusblanditsitametnonmagna.</</span>p> <</span>p class="text-primary">Maecenasseddiamegetrisusvariusblanditsitametnonmagna.</</span>p> <</span>p class="text-ess">.Maecenasseddiamegetrisusvariusblanditsitametnonmagna.</</span>p> <</span>p class="text-info">Maecenasseddiamegetrisusvariusblanditsitametnonmagna..</</span>p> <</span>p class="text-warning">Maecenasseddiamegetrisusvariusblanditsitametnonmagna..</</span>p> <</span>pclass="text-danger">.Maecenasseddiamegetrisusvariusblanditsitametnonmagna.</</span>p><</span>h1></</span>h1>9、list-unstyled 无样式的列表10、list-inline横向水平列表 11、table基本使用一致。table-hover某行鼠标变色;table-condensed 表格紧缩,实际padding减半。.-responsive中即可创建响应式表格,其会在小屏幕设备上(小于768px)水平滚动。当屏幕大于768px宽度时,水平滚动条消失。12、form <</span>form role="form"> <</sp
bootstrap常用类简介 来自淘豆网m.daumloan.com转载请标明出处.
