Sem fronteiras na tabela de bootstrap

Eu precisava de uma mesa sem borda, ao usar uma mesa de bootstrap.

O bootstrap por padrão mantém apenas as bordas das linhas, para distinguir uma linha da outra. Eu queria removê-los.

Você pode simplesmente adicionar isso ao seu css:

.table-borderless td,
.table-borderless th {
border
: 0;
}

e use uma tabela de bootstrap exatamente como você faria, adicionando a classe table-borderless à tabela:

<table class="table table-borderless table-condensed table-hover">
</table>

E voilá, mesas sem borda:

Cenário

Nota : você precisa colocar seu arquivo css após o bootstrap css;)

Respostas relacionadas:

Alterar o ponto de interrupção do Bootstrap NavBar