bootstrap理解源代码目录

时间:2014-09-04 16:22:37

标签: twitter-bootstrap twitter-bootstrap-3

我已经搜索了一天,以便更好地理解Bootstrap 3源代码的目录结构。我非常感谢对此的一些看法。

我使用Grunt来编译 dist 目录的内容,但为什么在示例中有资源目录之外的链接 > DIST ?在定制基于Bootstrap的站点时应如何​​解决这个问题?

例如,如果我的\ home \ mysite.com目录看起来如下所示,我不会将自定义添加到 bootstrap 目录中的less / js / fonts目录,更新 Gruntfile.js 相应地,并将所有内容编译到我的 public_html 目录中?或者,公共目录是否应始终为 dist 文件夹?如果我正在构建一个wordPress主题或drupal主题,那么我会将那些Grunt编译的bootstrap 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

1 个答案:

答案 0 :(得分:0)

  

我已经搜索了一天,以便更好地理解Bootstrap 3源代码的目录结构。

关于该主题的官方文档是否缺乏?:http://getbootstrap.com/getting-started/#whats-included

  

为什么在示例中,是否存在指向dist之外的资产目录的链接?在定制基于Bootstrap的站点时应如何​​解决这个问题?

这些链接是特定于文档的JS文件。您首先不应该在生产站点中链接到它们。但是,/docs/dist中的某些文件只是来自/dist的文件的便利副本;对于那些,你只需要改变路径(就像你从模板示例中复制时通常所做的那样)。

至于是否/如何调整Gruntfile,FWICT基本上是个人意见的问题。