Change Bootstrap Table Border Color

Posted on May 24, 2017 at 10:46 pm

Change default border color of table-bordered class:

.table-bordered {
  border: 1px solid #ecf0f1 !important;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ecf0f1 !important;
}

Another good modification is to increase padding:

.table td, .table th {
  padding: 15px 15px !important; }

Other Posts

Updated Posts