不能使用Twitter bootsrap的錯誤樣式

我想用「輸入錯誤」造型爲出現在這裏： http://twitter.github.com/bootstrap/不能使用Twitter bootsrap的錯誤樣式

，並在其後一個自定義的CSS只

（相關行是722

form .clearfix.error > label, form .clearfix.error .help-block, form .clearfix.error .help-inline { 
    color: #b94a48; 
}

）

我的標記：

<div id="new_folder_name_div" class="clearfix error"> 
        <label for="new_folder_name">Name&nbsp</label> 
        <div class="input"> 
         <input class="medium error" id="folder_name" size="15" type="text" /> 
         <span>*</span> 
        </div>

一種圖像：

enter image description here

但我鉻控制檯輸入元件不與上述的CSS作用匹配看到。

任何想法爲什麼？

來源

2012-01-06 Elad Benda

實際輸入是下一行。請注意，包含class「clearfix error」的包含div是必需的。

form .clearfix.error input, form .clearfix.error textarea { 
    color: #B94A48; 
    border-color: #EE5F5B; 
} 

<div class="clearfix error"> 
    <div class="input"> 
     <input class="xlarge error" type="text"> 
    </div> 
</div>

來源

2012-01-06 23:15:43 spike

得到了bootsrap.css原樣。仍然沒有用紅色給我的輸入着色 – 2012-01-07 00:00:51

你的輸入需要在表單內，是嗎？工作正常：http://jsfiddle.net/QHNFr/2/ – spike 2012-01-07 00:38:04

btw，你如何添加資源jsfiddle哪些不在線？你在哪裏舉辦他們？ – 2012-01-07 14:43:37

嘗試使用

$('#folder_name').closest('.clearfix error').addClass('error');

來源

2012-11-24 12:49:35

不能使用Twitter bootsrap的錯誤樣式

回答

相關問題