1. 程式人生 > >bootstrap基礎(一):環境搭建

bootstrap基礎(一):環境搭建

不得不說bootstrap是一個非常強大又靚麗的前端ui框架,提供了很多可以直接使用的樣式(這是我比較看中的,對css不是很熟),而且有很多的外掛可以使用,另外就是bootstrap的官網做的還是不錯的,很多demo和文件都寫得很到位,推薦大家可以學習並在工作中使用。本人是從安卓轉到web端開發的,對後臺和前端的學習也是接觸的並不是很多,這個系列的文章記錄的是一些前端框架的使用和中間遇到的一些問題和解決辦法,箇中不足之處還望各位指點。

按照慣例,本文介紹的便是bootstrap的環境搭建,說起來也是很簡單的,只是一些檔案的引入。js中檔案引入一般有兩種方式,其一是下載相應的檔案到本地通過相對路徑引入,另外一種是通過公用連結(官網有提供)來引入,好處是可以通過修改引入檔案的版本自動下載相應檔案,不好的地方是載入可能會慢一點(個人感覺可以忽略)。

本文以第二種方式實現,相關程式碼如下:

<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">
    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap-theme.min.css">
    <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
    <script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
至此,bootstrap的基本的環境搭建就結束了。