2012-05-25 4 views
0

레일에서 최신 정보를 사용하고 twitter-bootstrap-rails을 사용하고 있지만 자리 표시 자 텍스트를 표시하도록 입력을받을 수 없습니다. 나는 다음과 같은 추가 할 때 : 내 bootstrap_and_overrides.css.less으로부트 스트랩이 포함 된 자리 표시 자 텍스트 받기

@placeholderText: @grayLight 

나는 누군가가 내가 부족 무엇인지 말해 줄 수 덜 :: 오류?

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> 

생성 된 스타일 시트 그냥 나에게 자리 표시 자 스타일을 제공하지 않습니다. 내가 뭔가를 가져 오기로되어 있다고 생각하지만 어떤 정보도 찾을 수 없다.

+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와 달리 less는 각 줄의 끝에 세미콜론을 사용합니다.

@placeholderText: @grayLight; 
+0

고마워요, 그 오류가 사라 졌어요하지만 여전히 placehodler 텍스트를 받고 있어요. 위의 업데이트를 참조하십시오. – pguardiario