我正在关注Ruby教程制作示例应用程序。我创建了注册页面,但注册中的错误正以有趣的方式呈现。错误行末尾的句点出现在它之前。并且星号和项目符号位于该行的错误一端。
以下是页面源HTML源代码:
<div class="container">
<h1>Sign up</h1>
<div class="row">
<div class="span6 offset3">
<form accept-charset="UTF-8" action="/users" class="new_user" id="new_user" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓" /><input name="authenticity_token" type="hidden" value="UPwVQbjK5hdjlsXerJfnAESR61pKf3l/K1u2/05+ILY=" /></div>
<div id="error explanation">
<div class="alert alert-error">
The form contains 2 errors.
</div>
<ul>
<li>* Password doesn't match confirmation</li>
<li>* Email is invalid</li>
</ul>
</div>
它的外观如下:
这是CSS:
#error_explanation {
color: #f00;
ul {
list-style: none;
margin: 0 0 18px 0;
}
}
另外我想提一下,输入字段也有类似的问题,输入光标位于框的右端(如阿拉伯语文本)。我通过在输入textarea css中添加direction: ltr;
行来解决这个问题:
input, textarea, select, .uneditable-input {
border: 1px solid #bbb;
width: 100%;
padding: 10px;
height: auto;
margin-bottom: 15px;
direction: ltr;
@include box_sizing;
}
我在我的css中添加了方向样式但是没有用。我想不出别的什么。请告诉我哪里出错了?
答案 0 :(得分:0)
所以即使@Sam建议的事情有效,我在网站的其他地方也发现了同样的问题。我用方向修复了大部分:ltr。后来当我部署到Heroku时,很多事情都失败了。当我找到解决方案时,我发现我需要在部署到Heroku之前预先编译我的资产。我正在使用bootstrap。
令人惊讶bundle exec rake assets:precompile
解决了localhost和Heroku上的问题。
所以是的,问题在于资产管道编译。