爲什麼我的bootstrap-sass規則被用戶代理規則覆蓋？

我試圖使用Twitter Bootstrap與'bootstrap-sass'創業板但由於某種原因，行爲是絕對不正確的。爲什麼我的bootstrap-sass規則被用戶代理規則覆蓋？

與class="btn"風格像這樣

<div class="actions btn"> 
    <%= f.submit %> 
</div>

一個提交按鈕判斷的結果是，有引導的風格，但它們是由用戶代理規則重寫，這樣的結果是標準Chrome按鈕出現在自舉一個頂......這是什麼，我得到一個鏈接：

* HTTP：//hpics.li/9ddcb61

此外，在不改變任何東西（我所做的只是嘗試在評論中提出建議，並將其作爲迴應是），現在事情不漂浮，但都是垂直：

* HTTP：//hpics.li/f7605d0

這是我得到開發工具：

* HTTP：/ /hpics.li/db602b0

這是創業板文件

group :assets do 
gem 'sass-rails', '~> 3.2.3' 
gem 'coffee-rails', '~> 3.2.1' 
gem 'bootstrap-sass' 

# See https://github.com/sstephenson/execjs#readme for more supported runtimes 
# gem 'therubyracer', :platforms => :ruby 

gem 'uglifier', '>= 1.0.3' 
end

我有這個裏面custom.css.scss文件：

@import "bootstrap"; 
@import "_bootstrap-responsive.scss";

我也試過require_self和require_tree沒有成功

*= require _bootstrap 
*= require _bootstrap-responsive

這是js文件的情況下，之前添加此向application.css.scss這將是有益

//= require jquery 
//= require jquery_ujs 
//= require bootstrap 
//= require_tree .

我真的不知道發生了什麼，而且我做了railstutorial的書，當我在上面時，一切正常，但在我自己的應用程序，沒有任何作品... :(

我不確定我是否提供了所有信息，但可以隨時請求！

來源

2012-07-31 Geoffrey Hug

你也許可以某處上傳的圖片，並張貼的鏈接。嘗試導入「引導響應」;而不是導入「_bootstrap-responsive.scss」; – tmaximini 2012-07-31 11:02:17

更換導入時，我得到一個Sprockets :: FileNotFound – 2012-07-31 11:41:59

它做什麼你告訴它，即創建一個「Bootstrap-style」按鈕，並在其中放置一個非Bootstrap風格的提交按鈕。

嘗試只需添加btn類的提交按鈕：

<%= f.submit , :class => "btn" %>

來源

2012-07-31 12:05:25 merv

謝謝你是這樣的，我想其餘的也是我自己引導的不利之處 – 2012-07-31 12:23:31

@GeoffreyHug那麼我們都是noobs：那是我寫的Rails的第一行代碼。 ;） – merv 2012-07-31 15:52:14

啊哈，你解決了我的問題！ Bootstrap真的很棒btw，在一天之內，我已經能夠做到這麼多。 – 2012-08-01 10:05:36

在引導按鈕和按鈕樣式中，引導程序的javascript部分也需要加載。您可以通過加入這一行做到這一點：

//= require bootstrap

到您的應用程序/資產/ Java腳本/ application.js中的線上面的文件

//= require_tree

來源

2012-07-31 11:09:50 Kael

不幸的是，這行已經存在於我的應用程序中。js文件，我會將該文件的內容添加到帖子中。 – 2012-07-31 11:39:55

爲什麼我的bootstrap-sass規則被用戶代理規則覆蓋？

回答

相關問題