css - 在列表项上使用 rowlink

Question

我在一个项目中使用 Bootstrap v3。我目前正在使用 Jasny，它具有超级好的rowlink helper。我想在我的列表元素中使用相同类型的功能。目前，我有以下代码：

<ul class="list-unstyled list-info">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul> 

如何在列表项上实现 rowlink 或与 rowlink 行为类似的东西？

Answer 1

你不需要。rowlink 插件有助于使整行可点击，而不仅仅是一列。但是使用列表，您只有一列。

<ul class="list-unstyled list-info">
  <li><a href="/i1">Item 1</a></li>
  <li><a href="/i1">Item 2</a></li>
  <li><a href="/i1">Item 3</a></li>
</ul> 

如果您想让链接看起来更像普通文本，请设置

.list-info a,
.list-info a:hover {
  color: inherit;
}