如何把BootStrap添加到你的工程項目中?

想要快速地把BootStrap添加到你的工程項目中?那就使用Bootstrap CDN吧,它則MaxCDN提供。想使用一個程序包管理器或者想下載源文件?前往下載頁面。

復(fù)制下面的樣式表粘貼到你的網(wǎng)頁的里面,放在在其他樣式表文件之前。

把這個JavaScript插件以及JQuery放在你的網(wǎng)頁的末尾附近,就在標(biāo)簽前面。記住需要先添加jQuery,因為我們的代碼依賴于它。

這就行了——你已經(jīng)邁步走上了創(chuàng)建完全使用Bootstrap站點的道路。如果你對一般的頁面結(jié)構(gòu)還不是很熟悉的話,請繼續(xù)參看一些網(wǎng)頁模板案例的代碼。

起始模板

確保你的網(wǎng)頁是建立在最新的設(shè)計和開發(fā)標(biāo)準(zhǔn)之上的。這意味著:

使用HTML5文檔類型

強(qiáng)制Internet Explorer使用最新的渲染模式([詳情] (http://stackoverflow.com/q/6771258))

然后,使用視口meta標(biāo)簽

把它們放在一起,你的網(wǎng)頁將如下所示:

Hello, world!

這是就你需要完成的頁面配置。請參閱布局文檔或者官方案例來布置你的站點內(nèi)容和元件。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,199評論 1 92
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,697評論 19 139
  • 在線閱讀 http://interview.poetries.top[http://interview.poetr...
    前端進(jìn)階之旅閱讀 115,581評論 24 450
  • 在這樣的冬天晚上,去公司食堂吃飯的人寥寥。 晚上六點左右,會有一個工人要一份面條,然后在空蕩的食堂里借WIFI用手...
    呂嶺立閱讀 188評論 0 0
  • 1.I'm enough≠I'm good enough. good是一種對自我的評價,而I'm enough可以...
    琳言碎語閱讀 388評論 0 0

友情鏈接更多精彩內(nèi)容