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 트위터 클래스가 있습니까?

Answer 1

링크에 help-block 스타일을 적용하면 "더보기 ..."텍스트가 회색으로 표시되지만 링크 위에 마우스를 가져 가면 여전히 진한 파란색으로 표시됩니다.

 
    .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> 

:

나는이 처리하는 자신 만의 스타일을 작성합니다