Twitter Bootstrapのヘルプブロックの折り畳み式要素の正しいコントロールスタイルは何ですか？

Question

折りたたみ要素を制御するためにインライン要素を作成する必要があります。私は以下を作成しました：

<label class="control-label" for="surname">Surname</label> 
<div class="controls"> 
    <input type="text" class="input-xlarge" id="surname"> 
    <p class="help-block">Input your surname. <a data-toggle="collapse" data-target="#surname-more">More...</a></p> 
    <div id="surname-more" class="help-block collapse in">Additional information about surname will be here.</div> 
</div> 

したがって、そのような要素はここではaです。しかし、それは悪い（灰色のテキスト内の青いリンク）。このようなシナリオで使用される標準のTwitter Bootstrapクラスはありますか？

Answer 1

リンクにhelp-blockスタイルを適用すると、 "More ..."というテキストが灰色になりますが、リンク上にぶら下がったときにはリンクが暗い色で表示されます。

 
    .help-block-link { 
     color: #999; 
    } 

    .help-block-link:hover { 
     color: #333; 
     text-decoration: none; 
     cursor: pointer; 
    } 

<a data-toggle="collapse" data-target="#surname-more" class="help-block-link">More...</a> 

：

私はこれを処理するために、独自のカスタムスタイルを記述します