2012-05-25 4 views
0

Я использую последнюю из рельсов и twitter-bootstrap-rails, но я не могу получить свои входы, чтобы показать текст заполнителя. Когда я добавляю следующее:получение текста заполнителя с помощью бутстрапа

@placeholderText: @grayLight 

К моему bootstrap_and_overrides.css.less я получаю Минус :: Ошибка Может кто-нибудь сказать мне, что я не хватает?

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

Update ** ошибка исчезла теперь благодаря хпМ, но я до сих пор не шаблонный текст. Вот мой

@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, но я не могу найти никакой информации.

+0

Полная ошибка поможет. И 'bootstrap_and_overrides.less.css' опечатка? потому что если нет, это ваша проблема прямо там. –

+0

Да, ты прав. Типично зафиксировано и добавлена ​​ошибка, но я не думаю, что это поможет. – pguardiario

ответ

1

Я нашел его. По-видимому, правильный путь:

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

Очень запутанный, так как я скопировал неправильный путь от щебета домашней страницы.

2

В отличие от sass, меньше используется точка с запятой в конце каждой строки.

@placeholderText: @grayLight; 
+0

Спасибо, что заставило ошибку уйти, но я до сих пор не получаю текст placehodler. См. Обновление выше. – pguardiario

Смежные вопросы