css - Bootstrap 3 向表格中的单元格添加标签

Question

我做了一个 fiddle 在表格单元格内添加标签。

这是 fiddle

我想在我的第一行添加一个绿色标签，但它非常难看我的设计非常糟糕，如果你调整浏览器的大小，我的标签就会消失。您有什么建议可以使它变得更好吗？

我这样做是因为我必须告诉用户这一行已在我的应用中进行了编辑。

.customrow{
  margin-top:-11px;
  margin-left:-43px;
  padding-top:13px;
  padding-bottom:20px;
  margin-right: 5px;
  position: absolute;
}

th {
    white-space: nowrap;
}
td {
    white-space: nowrap;
}

非常感谢。

Answer 1

根据您的要求，我刚刚为跨度创建了一个类 leftrow 并应用了自定义 css

.leftrow{
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  width:30%;
  line-height: 200%;
  height:100%;
  background-color:#5CB85C;
}

Jsfiddle

希望对您有所帮助:)