???????????????????????????????????????? HTML5??????????? 2 ?? (CSS2) ?? CSS3????Щ??????????????????? Web ????????????????????????????????????????仯???????????????????????????????Щ??????????????? Web ??????????????ü??????????????????????????????????
????????????????? Web ????????????????????????Twitter ??????????????跨???????????????????????????????????????????? Web ???????е????????????????????????????? Bootstrap???????????????????????繲????????????
????Bootstrap ?? LESS ??????????????? CSS ?????Bootstrap ???????????? CSS ??????Щ?????????????????????????????????????????Bootstrap ????????????? Web ???????????????????????? GitHub ???????????????????????С???????????????????????? Bootstrap??
??????????????????????? Bootstrap ??????????????ó?????????????????ó????????????????????????????????????????????? Bootstrap ?л??棬????????? HTML ?? CSS ????????????? “?? CSS ????? LESS ??????????” ?н???? LESS ??????Щ???????????????????????????????

????
?????????????? Bootstrap ????????μ? ?ο??????????????????????? V2.3.2????????????? Bootstrap ??????? CSS??????Щ????????? JavaScript ?????????????????????е?????? Web ????? HTML?????μ? ???? ???????????????????????Bootstrap ????в?????????????????????????? HTML?????? Bootstrap ?????棨??????????????? Bootstrap ???????????????????????????????????????
???????????????????????????????????????????????????????????????????????????????????????????????????????????????????????豸?????е??????????????????????????????У????????????????????????????????????????????????????????????????κ?????

??? Bootstrap ?? HTML
?嵥 1 ???????????? HTML ?????????????? Bootstrap ?????????????????????
?嵥 1. ???? Bootstrap ??????????? HTML ??? (listing1.html)
<!doctype html>
<html>
  <head>
    <title>Bootstrap 101 Template</title>
    <meta name="viewport" content="width=device-width?? initial-scale=1.0">
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link href="css/bootstrap-responsive.min.css" rel="stylesheet">
  </head>
  <body>
    <h1>Hello world!</h1>
    <div class="container">
    ... <!-- The main HTML will go here -->
    </div>
    <script src="http://code.jquery.com/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>

????listing1.html ????????? DOCTYPE ?????????????? HTML5 ?????head ?????? meta ???????????С?????????????????????????????? meta/viewport ?????????????£??????????豸????????С Web ??棬??????????С?????????????????????????????????????????????????????????????п???????С?????meta/viewport ?????е? initial-scale=1.0 ??????????????????????豸???????????г?硣????????? Web ???????????????? Bootstrap??????????????С????????????????????????????????£???????????????????
????????嵥 1 ?? head ????? Bootstrap CSS ???????????????β?????? jQuery ?? Bootstrap ??ó??? JavaScript????Щ??????β???п??????????
 

???????
????????? Bootstrap?????κ? Web ??????????????????????????????????????? HTML ??????????????????????????????????????洢????????????? Bootstrap ?????????????????н???????????????С?????????? HTML ????????????????????? CSS??JavaScript ????????????????? Bootstrap ????????У???Щ????е???????? css??js ?? img?????????????????????
.
|—— index.html
|—— [Also any other site HTML]
|—— css
|   |—— bootstrap.min.css
|   |—— bootstrap-responsive.min.css
|   |—— [Also nonminimized Bootstrap files plus site-specific CSS]
|—— js
|   |—— bootstrap.min.js
|   |—— [Also nonminimized Bootstrap files plus site-specific JavaScript]
|—— img
    |—— [The PNGs that come with Bootstrap plus site-specific images]

 

CSS ?豸????
????meta/viewport ???????????????????????????豸?????????????????????? (World Wide Web Consortium?? W3C) ???????????滻????????????????μ? CSS ??????????????μ? ?ο?????????嵥 1 ?? meta/viewport ???????Ч CSS ???

@viewport {
  width: extend-to-zoom ;
  zoom: 1.0;
}

??????????????????????????????? CSS ?У????? HTML ?б??? meta/viewport ?????? CSS ??????????????????????? meta/viewport ??????
 

??????
?????嵥 1 ?е???????? div ?????? Bootstrap ???????????????????е? HTML ??????? Bootstrap ???????? ?С?
?????????????????????????? Web ??棬?????????????????????????е?顣λ????涥?????????????????????????λ????????????У?????????????????????????λ?á????????????????????????????????????????????????????????????顣?????Web ???????????? CSS ????????box model???????????????Щ?顣
????????????????????????????????????????к??е?????????Bootstrap ????????????????????? CSS??????????????????????????? div ??????????????κβ????????С?
????? 1 ???????????????壬????????? Aaron K. White ?????????????? Bootstrap ???????????滮????????????????μ? ?ο??????????????У????????Щ?????????????и????????????