Bootstrap 學習 - 環境安裝

一、<meta http-equiv="X-UA-Compatible" content="IE=edge">css

讓 IE 運行最新的渲染模式。html

二、<meta name="viewport" content="width=device-width, initial-scale=1">html5

初始化移動瀏覽顯示。jquery

  • width=device-width:讓寬度等於設備寬度。
  • initial-scale=1:設置初始縮放比例爲 1,即不縮放。

三、bootstrap

<!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->

(1)<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>瀏覽器

IE 版本低於 IE9,使瀏覽器支持 HTML5 標籤。ui

(2)<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>.net

對 CSS3 支持。插件

四、<script src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js"></script>code

引入 jQuery,Bootstrap 不自帶 jQuery。

五、<link rel="stylesheet" href="/bootstrap/css/bootstrap.min.css">

引入基礎 CSS 樣式。

六、<script src="/bootstrap/js/bootstrap.min.js"></script>

引入基礎 JS 插件。

附錄:

閱讀原文:https://blog.mazey.net/1919.html

相關文章
相關標籤/搜索