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

将此 gem 添加到您的 gemfile：

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

app/assets/stylesheets/application.scss

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

参考：https://github.com/twbs/bootstrap-sass