下載BOOTSTRAP基本模版

  • 下載BOOTSTARP 套件 http://v3.bootcss.com/getting-started/#download
  • 請將下載資料夾搬入「GOOGLE雲端硬碟」並改名為「hhjh104」
  • 請開放hhjh104的權限，讓此資料夾可以公開在網路瀏灠
  • 請替換成網址 https://googledrive.com/host/資料夾id/

  • 請縮短網址，並將用文字檔儲存在「hhjh104」下，檔名為「readem.txt」

  • bootstrap基本模版 (請將下列html語法用notepad++ 存在 hhjh104/index.html)

    <!DOCTYPE html> 
<html  lang= "zh-TW" > 
<head> 
  <meta  charset= "utf-8" > 
  <meta  http-equiv= "X-UA-Compatible"  content= "IE=edge" > 
  <meta  name= "viewport"  content= "width=device-width, initial-scale=1"> 
  <!--上述3個meta標籤*必須*放在最前面，任何其他內容都*必須*跟隨其後！--> 
  <title> bootstrap </title>

  <!-- Bootstrap --> 
  <link  href= "css/bootstrap.min.css"  rel= "stylesheet" >

  <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> 
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> 
  <! --[if lt IE 9]>
    <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
  <![endif]--> 
</head> 
<body> 
  <h1>你好，世界！</h1>

  <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 
  <script src= "//cdn.bootcss.com/jquery/1.11.3/jquery.min.js" ></script> 
  <!-- Include all compiled plugins (below), or include individual files as needed --> 
  <script src= "js/bootstrap.min.js" ></script> 
</body> 
</html>