Question

Hello in Rails应用程序我已经安装了Bootstrap gems。

的Gemfile：

gem 'sass-rails', '~> 5.0'

gem 'therubyracer', platforms: :ruby

# Use less-rails for the twitter-bootstrap framework
gem 'less-rails'

# Use the twitter-bootstrap framework
gem 'twitter-bootstrap-rails'


gem 'bootstrap-sass

我创建了一个视图，其中我插入的唯一元素是搜索栏，其中我从boostrap和一些自定义样式（search.scss）应用了一些标准样式。

这是我的观点代码：

<% content_for :head do%>
    <%= stylesheet_link_tag    'search.scss', media: 'all', 'data-turbolinks-track' => true %>
<% end %>


<!--Page Body-->
<div class="top-space"> <!--.top-space-->
    <div class="row"> <!--.row-->
        <div class="col-md-8 col-md-offset-2"><!--.col-->
        <h1 class="text-center">Ricerca un progetto</h1>
            <%= form_tag find_path,:class => 'input-group' ,:method => 'post' do%>
                <%=text_field_tag :search, params[:search], :class => 'form-control'%>
                <span class="input-group-btn">
                  <%= button_tag(type: 'submit', class: "btn btn-primary",) do %>
                      <i class="glyphicon glyphicon-search"></i>
                  <% end %>
                </span>
            <% end %>
        </div> <!--.col-->
    </div> <!--.row-->
</div><!--.top-space -->

这是我的scss文件：

//Global Attributes
html,
body{
    height: 100%;
    background: #f44336 !important;
}

//Research Bar
.top-space{
    padding-top: 50WS%;
}
.search-bar{
    margin: 0 auto;
}

我不知道为什么，但我的自定义样式不适用于我的应用程序视图。

PS：我知道我可以在文件中指定正文的样式 bootstrap_and_overrides.css.less但我只想在一个页面中使用它，所以我＆gt;在我的自定义css文件中编写正文样式规则

Bootstrap Rails：不应用自定义样式

0 个答案: