如何单独访问Bootstrap文件

时间:2012-11-14 13:29:57

标签: ruby-on-rails-3 twitter-bootstrap

现在Bootstrap正在Rails中运行,我希望能够完全访问所有Bootstrap文件,根据需要排除(或包含)资产,并另外添加我自己的资产,变量 - 我做了(并且发现很容易) )在我开始学习Rails之前。

我的问题:将整个引导程序文件夹从C:\RailsInstaller\Ruby1.9.3\lib\ruby\gems\1.9.1\gems\bootstrap-sass-2.1.1.0\vendor\assets\stylesheets复制到我的Rails应用程序文件夹是不错的做法,例如默认存在..\Rails\Sample_App\vendor\assets\stylesheets

谢谢!

3 个答案:

答案 0 :(得分:1)

我只需在Gemfile中添加gem并手动包含文件。

#application.css.less
@import "variables.less";
@import "mixins.less";

有关如何执行此操作的非常精彩的截屏视频,您可以观看解释此技术的http://railscasts.com/episodes/329-more-on-twitter-bootstrap

答案 1 :(得分:1)

你是什么意思“完全访问”?当你使用bootstrap-sass gem时,你已经拥有了bootstrap的所有样式表和javascript。要使用它们,您只需要添加:

    您在@import "bootstrap"文件中
  • custom.css.scss
  • 您在//= require bootstrap文件中
  • application.js

因此,如果您想要添加自己的资源,只需将它们放入app/assets/stylesheet,在custom.css.scss或您的scss文件中创建自己的变量,就可以使用它们。

您可以使用所有较少变量的bootstrap,但您需要进行少量更改。 Bootstrap使用less,变量定义为:@varibalebootstrap-sass gem,你可以在scss文件中使用较少的bootstrap变量,只需将@更改为$,意味着{ {1}}。

如果您不想使用样式表是scss文件,并且您想要单独放置资产:

  • $variable是您将所有资产仅供应用程序使用的地方
  • app/assets是许多应用程序共享资产的地方。
  • lib/assets是您放置其他开发人员或插件的复制资产的地方......

答案 2 :(得分:0)

如果您不希望它们在生产中,它会覆盖gem的已安装文件,而只是想查看文件以供参考,那么您应该只是将git存储库克隆到与项目不同的目录中。所以在其他目录中,执行以下命令:

git clone git://github.com/twitter/bootstrap.git

当然,您可以随时在Github

在线方便地浏览来源