好.我无法弄清楚这一点.问题是@extend在css中不起作用.我有css:
@import "bootstrap";
.field_with_errors {
@extend .control-group;
@extend .error;
}
Run Code Online (Sandbox Code Playgroud)
它不突出显示具有div类的字段.field_with_errors.我无法弄清楚为什么,它适用于我制作的其他应用程序.如果我在CSS中写一些类似的东西color: #f00;- 这是有效的.它只是@extend出于某种原因.有任何想法吗?
形成:
<h1>Report</h1>
<div class="row">
<div class="span6 offset3">
<%= form_for(@problem) do |f| %>
<%= render 'shared/error_messages' %>
<%= f.label :name, raw("Your name:") %>
<%= f.text_field :name %>
<%= f.label :email, raw("E-mail address (for confirmation):") %>
<%= f.text_field :email %>
<%= f.label :description, raw("Enter a description of the problem:") %>
<%= f.text_area :description %>
<%= f.submit "Submit", class: "btn btn-large btn-primary" …Run Code Online (Sandbox Code Playgroud) 我想在鼠标悬停(悬停)上突出显示行.我正在使用bootstrap并在桌面上使用他们的类table-striped,所以当我写css时:
tbody {
tr:hover {
background-color: #ff0;
}
}
Run Code Online (Sandbox Code Playgroud)
它只会改变白色行的颜色,而不会改变其他行的颜色.不确定解决这个问题的最佳方法是什么.也许我可以以某种方式覆盖表条纹突出显示?我该怎么办?
我正在尝试用bootstrap-sass创建一个表单.我需要找到引导类的最佳配置,使其看起来不错.它没有按照我期望的方式显示,特别是当浏览器宽度小于特定大小时,标签和表单字段之间的空格会崩溃,并且它看起来不再好看.如果它只发生在小宽度上就可以了,但事实并非如此.我真的很感激这方面的一些帮助,真的,form-horizontal用bootstrap 格式化的最佳方法是什么?
这是我的代码:
<form class="form-horizontal center" role="form">
<%= form_for @user do |f| %>
<div class="field">
<%= f.label :fname, "First name:", class: "col-md-4 control-label" %>
<%= f.text_field :fname %>
</div>
<div class="field">
<%= f.label :lname, "Last name:", class: "col-md-4 control-label" %>
<%= f.text_field :lname %>
</div>
<div class="field">
<%= f.label :email, "Email:", class: "col-md-4 control-label" %>
<%= f.text_field :email %>
</div>
<!--div class="form-group" -->
<div class="field">
<%= f.label :comments, "Comments:", class: "col-md-4 control-label" %>
<%= f.text_field :comments %>
</div> …Run Code Online (Sandbox Code Playgroud) 我遇到很多问题,我不太明白视图如何将信息发送给控制器,因此可以对其进行操作.
我有一个按钮,点击它时应该改变它的值.值在Yes/No.之间变化.单击该按钮时,需要更改数据库中的相应值,然后在视图中我已经具有决定按钮值的逻辑.
这是一些代码,我想象它是如何工作的...
show.html.erb查看
<% status = @problem.status? 'No' : 'Yes' %>
<%= link_to status, @problem, :class => 'btn btn-success' %>
Run Code Online (Sandbox Code Playgroud)
在我的ProblemsController中
def show
@problem = Problem.find(params[:id])
@problem.status ? @problem.status : (@problem.status == 'false')
end
def solve
end
Run Code Online (Sandbox Code Playgroud)
我不确定是否应该在show方法中更改数据库值或创建另一个.问题是我不知道如何从视图到控制器进行通信.我怎样才能做到这一点?
我正在考虑加入:data { solve: @problem.status }到link_to标签,不知道这将有助于虽然.到目前为止,我无法进入解决方法(我尝试添加:action => 'solve'或:action => '/problems/solve'),这没有帮助.以下是我刚尝试过的,但它不起作用(不会在ProblemsController中解决操作).
<%= link_to status, @problem, :controller => 'problems', :action => 'solve', :class => 'btn' %>
Run Code Online (Sandbox Code Playgroud)
我一定会感激一些帮助!有任何想法吗?
编辑:为控制器中的参数添加了代码,我有.对不起,我应该把它包括在内.