1. 程式人生 > >Bootstrap 長期專案開發使用總結No.1

Bootstrap 長期專案開發使用總結No.1

從入門開發到工作 所涉及的前端框架接觸最多的便是Bootstrap環境框架  本就從事Java開發 這就算是比較普遍的一套使用搭配

基於近期輾轉與後臺和前端H5開發的緣故,打算把Bootstrap 環境開發進行系統的梳理和深入瞭解一下 這也是做這個blog的初衷 也是擔心自己會遺忘 說不定以後做前端開發呢

Bootstrap 環境

 

HTML 模板


<!DOCTYPE html>
<html>
   <head>
      <title>Bootstrap 模板</title>
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <!-- 引入 Bootstrap -->
      <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
 
      <!-- HTML5 Shiv 和 Respond.js 用於讓 IE8 支援 HTML5元素和媒體查詢 -->
      <!-- 注意: 如果通過 file://  引入 Respond.js 檔案,則該檔案無法起效果 -->
      <!--[if lt IE 9]>
         <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
         <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
      <![endif]-->
   </head>
   <body>
      <h1>Hello, world!</h1>
 
      <!-- jQuery (Bootstrap 的 JavaScript 外掛需要引入 jQuery) -->
      <script src="https://code.jquery.com/jquery.js"></script>
      <!-- 包括所有已編譯的外掛 -->
      <script src="js/bootstrap.min.js"></script>
   </body>
</html>