<</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>Bootstrap has a few easy ways to quickly get started, each one appealing to a different skill level and use case. Read through to see what suits your particular needs.</</span>p>
</</span>div>
<</span>div class="col-xs-4">
<</span>h2 class="page-header">区域二</</span>h2>
<</span>p>If you work with Bootstrap's uncompiled source code, you need to compile the LESS files to produce usable CSS files. For compiling LESS files into CSS, we only officially support Recess, which is Twitter's CSS hinter based on less.js.</</span>p>
</</span>div>
<</span>div class="col-xs-4">
<</span>h2 class="page-header">区域三</</span>h2>
<</span>p>Within the download you'll find the following directories and files, logically grouping common resources and providing both compiled and minified variations.</</span>p>
</</span>div>
</</span>div>
</</span>div>\
<</span>h1>强调Class</</span>h1>
<</span>p class="text-muted">Maecenas sed diam eget risus varius blandit sit amet non magna.</</span>p>
<</span>p class="text-primary">Maecenas sed diam eget risus varius blandit sit amet non magna.</</span>p>
<</span>p class="text-success">.Maecenas sed diam eget risus varius blandit sit amet non magna.</</span>p>
<</span>p class="text-info">Maecenas sed diam eget risus varius blandit sit amet non magna..</</span>p>
<</span>p class="text-warning">Maecenas sed diam eget risus varius blandit sit amet non magna..</</span>p>
<</span>p class="text-danger">.Maecenas sed diam eget risus varius blandit sit amet non magna.</</span>p>
<</span>h1></</span>h1>
class="alert
alert-warning alert-dismissable"> button"class="close" data-dismiss="alert" aria-hidden="true">× Warning! Best
check yo self, you're not
looking too good.
class="list-group-item-heading">List group item heading
class="list-group-item-text">Cras sit amet nibh libero,
in gravida nulla. n vulputate
at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate
fringilla. Donec lacinia congue felis in faucibus.
class="list-group-item-heading">List group item heading
class="list-group-item-text">Cras sit amet nibh libero,
in gravida nulla. n vulputate
at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate
fringilla. Donec lacinia congue felis in faucibus.
class="list-group-item-heading">List group item heading
class="list-group-item-text">Cras sit amet nibh libero,
in gravida nulla. n vulputate
at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate
fringilla. Donec lacinia congue felis in faucibus.
Some default panel content
here. Nulla vitae elit libero, a pharetra augue. Aenean lacinia
bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque
ornare sem lacinia quam venenatis vestibulum. Nullam id dolor id
nibh ultricies vehicula ut id elit.