Question

我一直在使用bootstrap 3.0，我想知道如何禁用list-group-item。

我尝试将禁用的属性放在“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>

由于

Answer 1

在Bootstrap中，有来自froms，navbars链接，导航链接，下拉链接的禁用状态。

我认为导航的禁用状态最适合您的情况：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

Answer 2

就我而言，我删除了consumer = KafkaConsumer(bootstrap_servers='localhost:9092', auto_offset_reset='latest', enable_auto_commit=False)属性，因此它将是：

href

在Bootstrap 3.0中禁用了list-group-item

2 个答案: