css - Twitter Bootstrap帮助块的可折叠元素的正确控制样式是什么？

我需要创建内联元素来控制可折叠元素。我创建了以下内容：

<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类，在这种情况下应使用？

最佳答案

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

关于css - Twitter Bootstrap帮助块的可折叠元素的正确控制样式是什么？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/9151840/