引導程序3顯示錯誤的斷點

我使用bootstrap-sass gem安裝了Twitter Bootstrap 3，就像我在所有項目中一樣。但是，在這個項目中，斷點被錯誤地調用。我無法確切地告訴它爲我的屏幕渲染了什麼樣的分辨率，但這是錯誤的。我必須自定義我的斷點到較小的值，以使其工作。我使用的標準結構如下：引導程序3顯示錯誤的斷點

在我application.html.haml

!!! 
/paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ 
/[if lt IE 7 ] <html class="ie6" lang="en"> 
/[if IE 7 ] <html class="ie7" lang="en"> 
/[if IE 8 ] <html class="ie8" lang="en"> 
/[if (gte IE 9)|!(IE)]><! 

%html{:lang => "en"} 
/<![endif] 

    %head 
    %meta{:charset => "utf-8"}/ 
    /Uncomment to make IE8 render like IE7 
    /<meta http-equiv="X-UA-Compatible" content="IE=7" /> 
    /Set the viewport width to device width for mobile 
    %meta{:content => "width=device-width, initial-scale=1.0", :name => "viewport"}/ 
    %title= full_title(yield(:title)) 
    = stylesheet_link_tag "application", 'http://fonts.googleapis.com/css?family=Lato:300|Grand+Hotel' 
    = csrf_meta_tags 


/||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| 


    %body 
    .navigation 
     = render 'layouts/nav' 
    .wrapper 
     .flash 
     - flash.each do |key, value| 
      %div{:class => "alert-box alert-#{key}"}= value 
     = yield 
     = javascript_include_tag "application" 
    .footer 
    /= render 'layouts/footer' 
     = debug(params) if Rails.env.development?

然後我在每個特定頁面上的自舉類調用（因爲我想用充分的背景和文本被偏移）如下：

home.html.haml

#textbox 
    .row 
     .col-xs-12.col-sm-12.col-md-10.col-lg-10.col-md-offset-1.col-lg-offset-1 
      content goes here

您可以使用此工具將我的haml轉換爲erb：http://www.haml-converter.com/。除此之外，我真的不知道該怎麼做。也許是因爲我使用@import「bootstrap」來調用bootstrap;在application.css.scss中？我試着用* = require做這件事，但我在git repo上被警告不要這樣做。另外，當我這樣做時，谷歌字體沒有被加載。最後，提及當我最初創建項目時可能會有所幫助，但我在引導過程中遇到了問題，即.row在每一邊流過窗口的最大寬度約15px。我通過將.row的右側和左側的頁邊距設置爲0來解決此問題。

感謝您提前給予您的幫助，並盡力爲您服務！

來源

2014-02-16 zenben1126