成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

基于Bootstrap做定制，并與官方庫保持更新的方法

Taonce / 1657人閱讀

摘要：是一個(gè)很好的框架，可以給項(xiàng)目提供一個(gè)良好的框架基礎(chǔ)，但是很多情況下我們需要對(duì)做一些定制以適應(yīng)項(xiàng)目的需求。下面講一下如何用管理你的定制項(xiàng)目，并能夠與官方庫保持更新的方法。

bootstrap是一個(gè)很好的css框架，可以給項(xiàng)目提供一個(gè)良好的css框架基礎(chǔ)，但是很多情況下我們需要對(duì)bootstrap做一些定制以適應(yīng)項(xiàng)目的需求。

定制bootstrap的方法有很多種，如果你想深入到bootstrap源碼進(jìn)行定制的話，那么本文是比較適合你的。

下面講一下如何用git管理你的bootstrap定制項(xiàng)目，并能夠與bootstrap官方庫保持更新的方法。

git倉庫創(chuàng)建做要做的事情 
# 先用git建庫，保證庫里有一個(gè)master分支，這里就不贅述了

# 添加bootstrap的git倉庫
git remote add bootstrap [email protected]:twbs/bootstrap.git
git fetch bootstrap
# 創(chuàng)建一個(gè)bs-bootstrap分支，對(duì)應(yīng)到bootstrap倉庫的master分支
git checkout -b bs-bootstrap bootstrap/master
# 創(chuàng)建自己的develop分支，這個(gè)分支衍生自bootstrap最新版本的tag（當(dāng)前是v3.3.4）
git checkout -b develop v3.3.4
# 將develop分支push到自己的倉庫里s
git push

# 推薦使用git-flow做代碼分支管理，這一步不是必須
# 注意不要把tag的前綴設(shè)置v，因?yàn)閎ootstrap的tag前綴就是v，會(huì)引起沖突
git flow init
其他協(xié)同開發(fā)的Developer要做的事 
git clone 項(xiàng)目庫

git remote add bootstrap [email protected]:twbs/bootstrap.git
git fetch bootstrap
git checkout -b bs-bootstrap bootstrap/master
git checkout develop
git flow init
保持bootstrap的更新

原來的develop分支是基于bootstrap v3.3.4的，現(xiàn)在bootstrap已經(jīng)升級(jí)到v3.3.5，那么我們這么做

# 獲得bootstrap最新的代碼
git checkout bs-master
git pull

# 將develop rebase到bootstrap v3.3.5的tag上
git checkout develop
git rebase v3.3.5

# 如果你用了git-flow，那你的feature分支也要rebase一下
git checkout feature/some-feature
git flow feature rebase

rebase的過程可能會(huì)有一些沖突需要解決，但是如果你是按照標(biāo)準(zhǔn)的方式對(duì)bootstrap進(jìn)行定制的話，這些沖突應(yīng)該是很小的。

其他工作

因?yàn)槟阌辛薭ootstrap的源碼，所以可以利用bootstrap所提供的基礎(chǔ)設(shè)置做打包、測(cè)試、生成文檔的工作。所以你可能需要：

gem install jekyll
gem install rouge
npm install -g grunt-cli

如果需要打包的話，執(zhí)行grunt即可。會(huì)更新項(xiàng)目目錄的dist、_gh_page目錄。

執(zhí)行jekyll serve，就會(huì)啟動(dòng)bootstrap本地文檔服務(wù)器，訪問瀏覽器 http://localhost:9001/ 即可。

參考資料

http://www.smashingmagazine.com/2013/03/12/customizing-bootstrap/

http://www.codeproject.com/Articles/594098/How-to-customize-Twitter-Bootstrap-to-fit-your-web

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/111359.html

相關(guān)文章

  • 2016年最具潛力前端開源項(xiàng)目Top20

    摘要：作為年最具潛力，乃至最具影響力的前端開源項(xiàng)目真的不為過。通過上的介紹，這個(gè)項(xiàng)目是偏右阿里的前端大牛和阿里的前端大牛主導(dǎo)，而且從中也不難看出有些部分是來自參與過的項(xiàng)目。 showImg(https://segmentfault.com/img/bVH8b2?w=900&h=500); 在2016年，前端的開源世界越發(fā)精彩，Vue的不斷壯大，Angular 2的發(fā)布，Amaze UI 3....

    winterdawn 評(píng)論0 收藏0

  • 2016年最具潛力前端開源項(xiàng)目Top20

    摘要：作為年最具潛力，乃至最具影響力的前端開源項(xiàng)目真的不為過。通過上的介紹，這個(gè)項(xiàng)目是偏右阿里的前端大牛和阿里的前端大牛主導(dǎo)，而且從中也不難看出有些部分是來自參與過的項(xiàng)目。 showImg(https://segmentfault.com/img/bVH8b2?w=900&h=500); 在2016年，前端的開源世界越發(fā)精彩，Vue的不斷壯大，Angular 2的發(fā)布，Amaze UI 3....

    xiguadada 評(píng)論0 收藏0

  • 2016年最具潛力前端開源項(xiàng)目Top20

    摘要：作為年最具潛力，乃至最具影響力的前端開源項(xiàng)目真的不為過。通過上的介紹，這個(gè)項(xiàng)目是偏右阿里的前端大牛和阿里的前端大牛主導(dǎo)，而且從中也不難看出有些部分是來自參與過的項(xiàng)目。 showImg(https://segmentfault.com/img/bVH8b2?w=900&h=500); 在2016年，前端的開源世界越發(fā)精彩，Vue的不斷壯大，Angular 2的發(fā)布，Amaze UI 3....

    Caizhenhao 評(píng)論0 收藏0

  • javascript框架學(xué)習(xí)計(jì)劃

    摘要：前言終于要做這個(gè)計(jì)劃了，前端框架千千萬，絕不能一頭扎進(jìn)去盲目開始，本片文章總結(jié)一下目前前各種端框架，以及它們的用途主要解決什么問題，然后最后做出學(xué)習(xí)計(jì)劃。希望入了前端坑的同學(xué)們可以有所幫助。但是庫與框架很難嚴(yán)格區(qū)分，所以統(tǒng)一稱為解決方案。 前言：終于要做這個(gè)計(jì)劃了，前端框架千千萬，絕不能一頭扎進(jìn)去盲目開始，本片文章總結(jié)一下目前前各種端框架，以及它們的用途主要解決什么問題，然后最后做出學(xué)...

    airborne007 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

Taonce

男|高級(jí)講師

TA的文章

閱讀更多
最新活動(dòng)
閱讀需要支付1元查看
<