Bootstrap Rails 5沒有樣式我的應用程序

Question

我剛剛將bootstrap安裝到我的rails項目中，並按照其在GitHub頁面上的所有說明進行操作，但是現在只有某些元素具有bootstrap樣式。 我可以使用btn btn-primary設置鏈接樣式，但btn btn-default無效。

另外，當我嘗試：

<ul class="nav nav-pills">
    <li><a href="#">Home</a></li>
    <li><a href="#">Home2</a></li>
    <li><a href="#">Home3</a></li>
</ul>

它沒有完全設置此列表的樣式。

這是我的gemfile ：

gem 'bootstrap', '~> 4.0.0.alpha6'
source 'https://rails-assets.org' do
  gem 'rails-assets-tether', '>= 1.3.3'
end

我在Application.css.scss中做到了：

@import "bootstrap";

Answer 1

將此寶石添加到您的gemfile中 ：

gem 'bootstrap-sass', '~> 3.3.6'
gem 'sass-rails', '>= 3.2'

應用程序/資產/樣式表/application.scss

// "bootstrap-sprockets" must be imported before "bootstrap" and "bootstrap/variables"
@import "bootstrap-sprockets";
@import "bootstrap";