bootstrap常用类简介

《bootstrap常用类简介》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、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列<div class="container"> <h1>Hello,world!h1> <

2、div class="row"><div class="col-xs-4"> <h2 class="page-header">区域一h2><p>Bootstraphasafeweasywaystoquicklygetstarted,eachoneappealingtoadifferentskilllevelandusecase.Readthroughtoseewhatsuitsyourparticularneeds.p>div> <div

3、 class="col-xs-4"> <h2 class="page-header">区域二h2><p>IfyouworkwithBootstrap'suncompiledsourcecode,youneedtocompiletheLESSfilestoproduceusableCSSfiles.ForcompilingLESSfilesintoCSS,weonlyofficiallysupportRecess,whichisTwitter'sCSShinterbasedonless.js.p> 

4、div> <div class="col-xs-4"> <h2 class="page-header">区域三h2> <p>Withinthedownloadyou'llfindthefollowingdirectoriesandfiles,logicallygroupingcommonresourcesandprovidingbothcompiledandminifiedvariations.p> div> div> 

5、pan>div>4、h1-H6  排版5、pageHeader 6、small小一号的深灰色，用作副标题。7、lead  处理一个段落的文字，让其显示效果显著。8、文字class<h1>强调Classh1> <p class="text-muted">Maecenasseddiamegetrisusvariusblanditsitametnonmagna.p> <p class="text-primary">Maecenasseddiamegetrisusvariusblandit

6、sitametnonmagna.p> <p class="text-success">.Maecenasseddiamegetrisusvariusblanditsitametnonmagna.p> <p class="text-info">Maecenasseddiamegetrisusvariusblanditsitametnonmagna..p> <p class="text-warning">Maecenasseddiamegetrisusvariusbla

7、nditsitametnonmagna..p> <pclass="text-danger">.Maecenasseddiamegetrisusvariusblanditsitametnonmagna.p><h1>h1>9、list-unstyled  无样式的列表10、list-inline横向水平列表 11、table基本使用一致。table-hover某行鼠标变色；table-condensed 表格紧缩，实际padding减半。.table包裹在.table-respons

8、ive中即可创建响应式表格，其会在小屏