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 建設的網站。若不確定整體的網頁結構,請繼續往下閱讀瞭解一個網頁範例。
想要了解更多嗎?? 歡迎點擊以下連結喔,裡面有更多的教學喔~~
精選專案.網頁設計.RWD響應式網站.企業形象網站 / 電子科技類
網站技術:Javascript
服務範圍從商家、醫院到家庭都有機會可以看到建碁的商品,大到像是購物中心、超市的電視牆與店家使用的觸碰螢幕;小到醫院使用的醫療螢幕、電競螢幕或是家庭投影機..等等。
網頁設計.企業形象網站 / 教育人文類
網站技術:PHP . Javascript/MySql . ORACLE
學習確保機制(Assurance of Learning; 簡稱AOL),由各校發展出一套可以評量每學期或每學年之老師教學後的學生學習成效。
網頁設計.RWD響應式網站.企業形象網站 / 環保類
網站技術:PHP . Javascript/MySql
蒐集各縣市雨水使用情況並加以統計、製成圖表與數據顯示,觀察各縣市的用水情形。 舉辦專業人員的研習,增強專業知識與新資訊。網站上也會宣導用水的方法、提倡節約用水的重要性。
電話:(02)2739-9096 | 傳真:(02)2739-6637 | 客服:[email protected] | 臺北市信義區和平東路3段257號6樓map
© 2019 傑立資訊 All rights reserved.| 網站隱私政策