2017
09
01

Bootstrap 4 Beta版釋出[轉載自 六角學院]

關鍵字:bootstrap4、CSS3、框架、網頁設計

Bootstrap 世界上最受歡迎的框架用於建立響應式、行動優先的網站,透過 Bootstrap CDN 和範本初學頁面開始吧。

快速開始

想要快速地將 Bootstrap 添加到你的專案中!使用 MaxCDN 公司的免費提供的 Bootstrap CDN。如需用套件管理工具或需要下載原始檔可前往下載頁面

將樣式表 <link> 複製-貼上到網頁中在所有其他樣式表之前的 <head> 中,以便載入 Bootstrap 的CSS。

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">

在接近頁面的結尾處,就在 </body> 結尾標籤前,加入我們的 JavaScript 外掛程式、jQuery 以及 Popper.js。請務必將 jQuery 和 Popper.js 至於前方,因為我們的插件依賴於這兩個外掛程式。雖然我們使用了 jQuery 的精簡版),但是同時支援完整版。

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>

就是這麼簡單!你現在就要完成一個完全由 Bootstrap 建設的網站。若不確定整體的網頁結構,請繼續往下閱讀瞭解一個網頁範例。

想要了解更多嗎?? 歡迎點擊以下連結喔,裡面有更多的教學喔~~

傑立資訊傑立資訊事業有限公司

電話:(02)2739-9096 | 傳真:(02)2739-6637 | 客服:[email protected] | 臺北市信義區和平東路3段257號6樓map

© 2019 傑立資訊 All rights reserved.