本篇文章就跟大家介紹BootStrap是什麼以及怎樣部署安裝。有一定的參考價值，有需要的朋友可以參考一下，希望對你們有幫助。大家也可以造訪bootstrap教學來取得和學習更多的bootstrap相關影片教學。
Bootstrap簡介
什麼是 Bootstrap ？
Bootstrap 是由 Twitter 的 Mark Otto 和 Jacob Thornton 開發的。
Bootstrap 是 2011 年八月在 GitHub 上發布的開源產品。
#Bootstrap 是一個用於快速開發 Web 應用程式和網站的前端框架。
#Bootstrap 支援響應式佈局，相容多個終端(電腦，平板，手機) 設備存取。
部署安裝 Bootstrap
1.在官網 https://v3.bootcss.com/ 下載bootstrap框架。
2. Put the downloaded framework into the root directory and import the file.
To support mobile device-first statements, you need to put them above the head tag
<meta name="viewport" content="width=device-width, initial-scale=1">
and then introduce the bootstrap css file.
The bootstrap framework depends on jQuery, so you need to introduce the jQuery library first, and then introduce the bootstrap js file.
The following is a complete code that introduces the framework
(The bootstrap js file is best placed at the bottom of the body)
<head> <meta charset="UTF-8"> <!--支持移动设备优先--> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>测试文档</title> <!--引入 Css 文件--> <link rel="stylesheet" type="text/css" href="css/bootstrap.css"/> <!--引入 jQuery 文件--> <script src="js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script> <!--引入 bootstrap 框架 js 文件--> <script src="js/bootstrap.js" type="text/javascript" charset="utf-8"></script> </head>
3. You can also use the officially provided CDN
in the head tag, below the jQuery file
You must have an internet connection to access it Can.
<!-- 最新版本的 Bootstrap 核心 CSS 文件 --> <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> <!-- 可选的 Bootstrap 主题文件（一般不用引入） --> <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"> <!-- 最新的 Bootstrap 核心 JavaScript 文件 --> <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
Summary: The above is the entire content of this article, I hope it will be helpful to everyone's study.
以上是BootStrap簡介以及如何部署安裝（介紹）的詳細內容。更多資訊請關注PHP中文網其他相關文章！
