簡體   English   中英

在我的Rails應用程序中使用Twitter Bootstrap,缺少標記

[英]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中使用:

http://twitter.github.com/bootstrap/scaffolding.html

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM