[英]Using Twitter Bootstrap in my Rails app, missing markup
我通過在我的Gemfile中添加以下內容來安裝twitter-bootstrap-rails gem,但支持較少:
gem 'therubyracer'
gem 'less-rails'
gem 'twitter-bootstrap-rails'
運行捆綁安裝后,我繼續運行生成器:
rails generate bootstrap:install static
app / assets / stylesheets /中的application.css包含以下內容:
*= require_self
*= require_tree .
如果我查看源代碼,我會看到以下內容:
<link href="/assets/bootstrap_and_overrides.css?body=1" media="all" rel="stylesheet" />
那就是那里。 然后我開始玩Grid系統並添加了標記show-grid
並注意到它沒有樣式。 我繼續在bootstrap_and_override.css.less文件中添加以下內容:
@import "twitter/bootstrap/reset.less";
@import "twitter/bootstrap/variables.less";
@import "twitter/bootstrap/mixins.less";
@import "twitter/bootstrap/scaffolding.less";
@import "twitter/bootstrap/grid.less";
@import "twitter/bootstrap/layouts.less";
@import "twitter/bootstrap/type.less";
@import "twitter/bootstrap/forms.less";
@import "twitter/bootstrap/wells.less";
@import "twitter/bootstrap/component-animations.less";
@import "twitter/bootstrap/buttons.less";
@import "twitter/bootstrap/close.less";
@import "twitter/bootstrap/navs.less";
@import "twitter/bootstrap/navbar.less";
@import "twitter/bootstrap/labels-badges.less";
@import "twitter/bootstrap/hero-unit.less";
@import "twitter/bootstrap/utilities.less";
@import "twitter/bootstrap/responsive";
添加這些后,我啟動了本地Rails服務器,仍然沒有在應用程序中看到標記。 這里一定是做錯了。 application.css是否需要重命名為application.css.less? 我需要重新編譯一些東西嗎? 我猜測show-grid
樣式是在下面的一個導入(可能是grid.less),我猜我正在做的事情不是導入那些樣式表。
哪個是開始排除故障的好方法?
Bootstrap show-grid類來自bootstrap在他們自己的演示站點上使用的docs.css。
我不認為下載Bootstrap的人會使用它,但我想沒有什么可以阻止你使用它。
css在這個文件中:
http://twitter.github.com/bootstrap/assets/css/docs.css
它在Bootstrap中使用:
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.