2014-09-04 84 views
2

我搜索了一天,以更好地瞭解Bootstrap 3源代碼的目錄結構。我非常感謝這方面的一些觀點。bootstrap瞭解源代碼目錄

我得到使用咕嚕編譯DIST目錄中的內容,但爲什麼,在例子中,是有鏈接到資產目錄DIST之外?如何在定製建立在Bootstrap上的網站時解決這個問題?

例如,如果我的\家\ mysite.com目錄看起來像下面的一個,我會不會我的定製添加到以下/ JS /的引導目錄中的字體目錄,更新Gruntfile.js因此,並編譯一切到我的public_html目錄?或者,公共目錄應該始終是dist文件夾?如果我構建wordpress主題或drupal主題,那麼我會將這些Grunt編譯的引導程序js/css/fonts資源複製並粘貼到主題文件夾中?

我意識到任何東西都可以定製,但我更願意按預期解決它。我只是想把自己的頭圍繞一些不熟悉的東西。

預先感謝您!

mysite.com 
├── bower_components 
│   ├── bootstrap 
│   │  ├── CNAME 
│   │   ├── CONTRIBUTING.md 
│   │   ├── Gruntfile.js 
│   │  ├── LICENSE 
│   │  ├── README.md 
│   │  ├── _config.yml 
│   │  ├── bower.json 
│   │  ├── composer.json 
│   │  ├── dist 
│   │  ├── docs 
│   │  ├── fonts 
│   │  ├── grunt 
│   │  ├── js 
│   │  ├── less 
│   │  ├── package.json 
│   │  └── test-infra 
│   └── jquery 
│    ├── MIT-LICENSE.txt 
│    ├── bower.json 
│    ├── dist 
│    └── src 
└── public_html 
    ├── css 
    ├── js 
    ├── fonts 
    └── index.php 

回答

0

我搜索了一天,以更好地理解引導3源代碼的目錄結構。

是在某種程度上缺乏?:http://getbootstrap.com/getting-started/#whats-included

爲什麼在例子中,是有鏈接到一個資產目錄DIST以外的話題的官方文檔?如何在定製建立在Bootstrap上的網站時解決這個問題?

這些鏈接是文檔特定的JS文件。首先,您不應該在生產站點中鏈接到它們。但是,/docs/dist中的一些文件只是/dist文件的便利副本;對於那些,你只需要改變路徑(就像你從一個示例模板複製時通常會做的那樣)。

至於是否/如何調整Gruntfile,FWICT基本上是個人意見的問題。

+0

Thx爲反饋。 我覺得從「編譯CSS和JavaScript」跳轉到「基本模板」是缺乏的。 所以如果你想用一個例子開始構建,你可以將它複製到dist文件夾中,對嗎?那麼你不需要資產目錄中的那些js資源嗎? 把它全部在dist目錄下工作,或者在bootstrap文件夾之外一起工作都不是問題......我只是冒充了?更好地理解這是否是他們的意圖。 Thx再次! – sixst 2014-09-05 13:56:25

+0

沒有適用意圖。對於最終用戶,Bootstrap的Gruntfile被編寫爲僅僅構建輸出到'/ dist /'文件夾的靜態JS&CSS資源。期。句號。您當然可以將其調整爲做更多或者使用不同的目錄結構,但Bootstrap不會爲全站點構建/部署強加或推薦任何特定的目錄結構。 – cvrebert 2014-09-05 17:43:56

+0

「難道你不需要資產目錄中的那些js資源嗎?」我編輯了答案以添加一些額外的說明。 – cvrebert 2014-09-05 17:44:28