??? ?? ??? : ???? ??? CSS ??? ?? ? JavaScript ?? ?? ?? ??

? ??? :

Twitter Bootstrap 3? ??? ? JavaScript ?? ??? ?? ??? CSS ??? ???? CSS? ???? ???? ???? ?? ?? ? ????.

Bootstrap 3? JavaScript ?? ??? Modal, Dropdown, ScrollSpy, Tab, Tooltip, Popover ? Alert? ??? jQuery? ???? ?????. ? ?? ???? ?? ? ?? ??? ??? ??? ???? ??? ?? ??? ?? ? ? ????. ? JavaScript ?? ??? ????? getBootstrap.com?? Bootstrap 3? ?????? ? ???? (?? Google Chrome) ? ??? ??? (? : Sublime Text)? ?????????. JavaScript ?? ??? ???? ???????? ?? ??? CSS? ????????. Bootstrap 3? JavaScript ?? ??? ??? ???? ??? ?? ? ?????. ??? CSS? ?? ???? ?????? ????? ???? ??? ????? ??? ???? ?????.

?????? :
• ?? GetBootstrap.com?? Bootstrap 3? ?????? ? ???? (?????? Chrome) ? ??? ??? (??? ???? ???? ??)? ???????. Bootstrap? JavaScript ?? ??? jQuery? ???? ????? jQuery? ???????. Bootstrap 3? ???? ? ?
??? ??? ? ?? ??? ??????. JavaScript? ??? ?? ? ??? CSS? ?? ??? ???? ?? ? ????? ?? ?? ??? JavaScript ?? ??? CSS? ???? ??? ????? ?? ??? CS? ???? ??? ??? ???? ????. Bootstrap 3? ???? ?? JavaScript ?? ??? ?????? ??? ? ??? ??? ??? ? ????. ? ????? ?? ?? ??? ???? ?? ?? ? ???? ???? ????. ? ????? ??? ?? ?? ??? ?? ??? ?? ???? ?? ??? ?????.
• ?? (?? ??) ?? ?? (?? ?? ??) ????? (??? ??) ? (?) ?? (ToolTip) ? ?? (??) ?? (?? ??)
??? ? ?? ??? ??? ???? ??? ?? ?? ??? 3 JavaScript ?? ??? ???? ??? ?????. ?? ???? ??? ??? ??????.
?? (?? ??)
?? ??? ???? ?? ??? ????? ?? ??, ?? ??, ?? ?? ?, ?? ?? ? ??? ??? ?? ??? ???? ? ?????. ?????? ?? ?? ? ?? ?? ?? ?? ?? ?? ?????? ??? ? ????.

<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
  啟動演示模態(tài)框
</button>

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h4 class="modal-title" id="myModalLabel">模態(tài)標題</h4>
      </div>
      <div class="modal-body">
        <h1>Hello World!</h1>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">關(guān)閉</button>
        <button type="button" class="btn btn-primary">保存更改</button>
      </div>
    </div>
  </div>
</div>

?? ??? ???? ??, ?? ? ?? ?? ? ??? ???? ????. ? ??? ?? ? ??? ??? ? ????.

(?? ?? ?? ?? ??, ??? ??, ?, ??, ? ??, ?? ? ?? ??? ?? ??, ?? ???? ?? ???? ?? ??? ???? ??)

. ??

? ???? ???? Twitter Bootstrap? jQuery ??? ???? ?? JavaScript ?? ??? ???? ? ??? ?????? ? ? ???????. ? JavaScript ?? ??? Twitter ?? ??? ??? ??? ???? ?? ?? ? ?????. CSS? ???? ??? ?????? ?? ??? ??? ???? ?? ???? ????? ? ??????. ?? ?????? Twitter Bootstrap 3? ?? ?? ?? ??? ???? ????? ??? ??? ?????. ??? ?? ??? ?? ??? ???? ??????. Twitter Bootstrap? ?? ???? ?? Sitepoint? ?? ???? ???? ?? Twitter Bootstrap ????? ?????.

(?? ???? ??? FAQ ??? ??? ?? ?? ???? ????? ?? ?? ?? ? ? ????.)

? ??? Twitter Bootstrap 3 - JavaScript ?? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!