9

我一直在使用引导程序 3.0,我想知道如何禁用列表组项。

我尝试将禁用的属性放在“a”标签中,但这没有任何效果。我还尝试添加具有相同结果的禁用类。

这里有一些例子:

<div class="list-group">
  <a href="#" class="list-group-item">Add New entry</a>
  <a href="#" class="list-group-item disabled">Delete Entry</a>
</div>

谢谢

4

2 回答 2

23

在 Bootstrap 中,froms、navbars links、nav links、dropdownlinks 有禁用状态。

我认为导航的禁用状态最适合您的情况: http: //getbootstrap.com/components/#nav-disabled-links

为您的列表组复制此禁用状态:

较少的:

.list-group  > a.disabled  {
      color: @nav-disabled-link-color;

      &:hover,
      &:focus {
        color: @nav-disabled-link-hover-color;
        text-decoration: none;
        background-color: transparent;
        cursor: not-allowed;
      }
    }

CSS:

.list-group > a.disabled {
  color: #999999;
}
.list-group > a.disabled:hover,
.list-group > a.disabled:focus {
  color: #999999;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}

示例:http ://bootply.com/88367

于 2013-10-17T20:03:01.097 回答
0

就我而言,我删除了该href属性,因此它将是:

<div class="list-group">
    <a href="#" class="list-group-item">Add New entry</a>
    <a class="list-group-item">Disabled entry</a>
</div>
于 2018-07-19T07:55:16.433 回答