/* 超小设备(手机,小于 768px) */
Bootstrap 中默认情况下没有媒体查询 */
小型设备(平板电脑,768px 起) */
@media (min-width: @screen-sm-min) { ... }
中型设备(台式电脑,992px 起)
@media (min-width: @screen-md-min) { 大型设备(大台式电脑,1200px 起)
@media (min-width: @screen-lg-min) { ... }
@media (max-width: @screen-xs-max) { ... }
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) { ... }
<div class="container">
<div class="row">
="col-*-*"></div>
</>
>...>
="container">....
="row" ="col-xs-6 col-sm-3"
style="background-color: #dedef8;
box-shadow: inset 1px -1px 1px #444,inset -1px 1px 1px #444;">
p>Lorem ipsum dolor sit amet,consectetur adipisicing elit.="background-color: #dedef8;box-shadow:
inset 1px -1px 1px #444,1)">>Lorem ipsum dolor sit amet,consectetur adipisicing elit,sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
enim ad minim veniam,quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat.
>
="clearfix visible-xs"="background-color: #dedef8;
box-shadow:inset 1px -1px 1px #444,1)">Ut enim ad minim veniam,quis nostrud exercitation ullamco
laboris nisi ut aliquip ex ea commodo consequat.
>
<!DOCTYPE htmlhtmlheadmeta charset="utf-8"/>
title>Bootstrap 模板name="viewport" content="width=device-width,initial-scale=1.0"link href="css/bootstrap.css" rel="stylesheet"style type="text/css">
.row{margin-bottom: 20px;}
.row .row
margin-top 10px
margin-bottom 0;
[class*='col-']
padding-top15px
padding-bottom
background-color #eee rgba(86,61,124,0.15)
border1px solid #ddd1px solid rgba(86,.2)}
stylebody="col-md-1">col-md-1="col-md-3">col-md-3>col-md-3col-md-3col-md-3col-md-3col-md-3col-md-3col-md-3col-md-3col-md-3col-md-3col-md-3col-md-3col-md-3col-md-3col-md-3col-md-3col-md-3col-md-3col-md-3="col-md-4 col-md-offset-4">col-md-4>
="col-sm-9"
one
>
="col-xs-8">first="col-xs-4">two="col-md-9 col-md-push-3">col-md-9="col-md-3 col-md-pull-9"script src="js/jquery-1.11.3.min.js"script="js/bootstrap.min.js">
<!--code 内联代码-->
For examplecode><section>as inline;
我希望现在能健入kbd>cmd命令
pre
same text here...;
var>x>=>y>+>zsamp>hell world>
>
table ="table"theadtrth>表格标题tbody>
td>表格单元格table>
="table table-bordered"tr ="active"="success"="info">
="warning"="danger">
="table-responsive">表格单元格表格单元格表格单元格>表格单元格表格单元格表格单元格表格单元格>表格单元格表格单元格>