Question

我正在使用rails和twitter-bootstrap-rails中的最新内容，但我无法获取显示占位符文本的输入。当我添加以下内容时：

@placeholderText: @grayLight

到我的bootstrap_and_overrides.css.less我得到一个Less :: Error 有人能告诉我我错过了什么吗？

Syntax Error on line 30
  (in /home/ubuntu/new-project/app/assets/stylesheets/bootstrap_and_overrides.css.less)

更新** 由于xnm，错误现在消失了，但我仍然没有占位符文本。这是我的

@import "twitter/bootstrap/bootstrap";
body { padding-top: 60px; }

@import "twitter/bootstrap/responsive";

// Set the correct sprite paths
@iconSpritePath: asset-path('twitter/bootstrap/glyphicons-halflings.png');
@iconWhiteSpritePath: asset-path('twitter/bootstrap/glyphicons-halflings-white.png');

// Set the Font Awesome (Font Awesome is default. You can disable by commenting below lines)
@fontAwesomeEotPath: asset-path('fontawesome-webfont.eot');
@fontAwesomeWoffPath: asset-path('fontawesome-webfont.woff');
@fontAwesomeTtfPath: asset-path('fontawesome-webfont.ttf');
@fontAwesomeSvgzPath: asset-path('fontawesome-webfont.svgz');
@fontAwesomeSvgPath: asset-path('fontawesome-webfont.svg');

// Font Awesome
@import "fontawesome";

// Your custom LESS stylesheets goes here
//
// Since bootstrap was imported above you have access to its mixins which
// you may use and inherit here
//
// If you'd like to override bootstrap's own variables, you can do so here as well
// See http://twitter.github.com/bootstrap/less.html for their names and documentation
//
// Example:
@linkColor: #ff0000;
@placeholderText: @grayLight;

这是我的HTML：

<div class="placeholding-input">
  <input type="text" class="text-input" autocomplete="off" name="user[name]" maxlength="20">
  <span class="placeholder">Full name</span>
</div>

生成的样式表只是没有给我占位符样式。我想我应该@import的东西，但我找不到任何信息。

Answer 1

与sass不同，较少使用每行末尾的分号。

@placeholderText: @grayLight;

Answer 2

我找到了。显然，正确的方法是：

<input type="text" class="text-input" name="user[name]" maxlength="20" placeholder="Full name">

因为我从twitter主页上复制了不正确的方法，所以非常混乱。

Answer 3

请参阅此问题，并对此进行更新。 https://github.com/seyhunak/twitter-bootstrap-rails/issues/239

使用bootstrap获取占位符文本

3 个答案: